Dropdowns

  1. <ul class="nav nav-pills">
  2.   <li class="dropdown" id="menu1">
  3.   <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">Dropdown
  4.   <strong class="caret"></strong>
  5.   </a>
  6.     <ul class="dropdown-menu">
  7.       <li><a href="#">Action</a></li>
  8.       <li><a href="#">Another action</a></li>
  9.       <li><a href="#">Something else here</a></li>
  10.     </ul>
  11.   </li>
  12. </ul>

Button dropdowns

  1. <div class="btn-group">
  2.   <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
  3.   <ul class="dropdown-menu">
  4.     <li><a href="#">Action</a></li>
  5.     <li><a href="#">Another action</a></li>
  6.     <li><a href="#">Something else here</a></li>
  7.   </ul>
  8. </div>

Split button dropdowns

  1. <div class="btn-group">
  2.   <button class="btn">Action</button>
  3.   <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
  4.   <ul class="dropdown-menu">
  5.     <li><a href="#">Action</a></li>
  6.     <li><a href="#">Another action</a></li>
  7.     <li><a href="#">Something else here</a></li>
  8.   </ul>
  9. </div>