button-dropdowns.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536
  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>