git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/examples/button-dropdowns.html

   1 <section id="button-dropdowns">
   2   <h2 class="page-header">Button Dropdowns</h2>
   3   <div class="row">
   4     <div class="span3">
   5       <div class="btn-group open">
   6         <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
   7         <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
   8           <span class="icon-caret-down"></span></a>
   9         <ul class="dropdown-menu">
  10           <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
  11           <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
  12           <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
  13           <li class="divider"></li>
  14           <li><a href="#"><i class="i"></i> Make admin</a></li>
  15         </ul>
  16       </div>
  17     </div>
  18     <div class="span9">
  19 {% highlight html %}
  20 <div class="btn-group open">
  21   <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
  22   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
  23     <span class="icon-caret-down"></span></a>
  24   <ul class="dropdown-menu">
  25     <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
  26     <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
  27     <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
  28     <li class="divider"></li>
  29     <li><a href="#"><i class="i"></i> Make admin</a></li>
  30   </ul>
  31 </div>
  32 {% endhighlight %}
  33       <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
  34     </div>
  35   </div>
  36 </section>