Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris feugiat luctus purus, eget commodo ante auctor molestie. Maecenas ultricies cursus lectus eget venenatis. Nunc et magna et ipsum imperdiet malesuada. Etiam dapibus purus vitae eros pharetra non egestas odio convallis. Nullam feugiat quam quis nulla vehicula ut venenatis elit mollis. Etiam fermentum iaculis tristique. Sed ante orci, accumsan sit amet ornare ut, dapibus at sem. Fusce interdum, leo nec sodales sollicitudin, sem nulla sodales mauris, id rhoncus est augue quis magna. Ut vel nunc neque, eu imperdiet nibh. Nulla et urna elit. Pellentesque sollicitudin feugiat consectetur. Aliquam erat volutpat.

Button

<!-- Size -->
<a href="#" class="btn btn-mini"> Mini Button</a>
<a href="#" class="btn">Normal Button</a>
<a href="#" class="btn btn-large">Large Button</a>
<!-- Decoration -->
<a href="#" class="btn btn-success">Success Button</a>
<a href="#" class="btn btn-primary">Primary Button</a>
<a href="#" class="btn btn-info">Info Button</a>
<a href="#" class="btn btn-warning">Warning Button</a>
<a href="#" class="btn btn-danger">Danger Button</a>
<a href="#" class="btn btn-inverse">Inverse Button</a>

Button group

Button 1 Button 2

<div class="btn-group">
   <a href="#" class="btn">Button 1</a>
   <a href="#" class="btn">Button 2</a>
</div>

Dropdown

<div class="btn-group"> <!-- add class "dropup" -->
   <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
      Action Down
   <span class="caret"></span>
   </a>
   <ul class="dropdown-menu">
      <!-- dropdown menu links -->
      <li><a href="#">Button 1</a></li>
      <li><a href="#">Button 2</a></li>
      <li><a href="#">Button 3</a></li>
      <li class="divider"></li>
      <li><a href="#">Button 4</a></li>
   </ul>
</div>