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 >