Bootstrap Inline Buttons

Shows pull-left and clearfix

by Rich Costello

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<div class="container">
  <div class="clearfix"> 
    pull-left" data-toggle="buttons-checkbox"> 
      <div class="btn btn-small">BTN Text 1</div> 
      <div class="btn btn-small">BTN Text 2</div> 
    </div> 
    <span class="inline">String to display after buttons on same line</span> 
  </div> 
  <div class="clearfix"> 
    <div class="btn-group inline pull-left" data-toggle="buttons-checkbox"> 
      <div class="btn btn-small">BTN Text 1</div> 
      <div class="btn btn-small">BTN Text 2</div> 
    </div> 
    <span class="inline">String to display after buttons on same line</span> 
  </div> 
  <div class="clearfix"> 
    <div class="btn-group inline pull-left" data-toggle="buttons-checkbox"> 
      <div class="btn btn-small">BTN Text 1</div> 
      <div class="btn btn-small">BTN Text 2</div> 
    </div> 
    <span class="inline">String to display after buttons on same line</span> 
  </div>
</diV>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css');

.container {
    margin-top: 10px;
}