bootstrapTabs.html 1.4 KB

1234567891011121314151617181920212223242526272829303132
  1. <div class="bootstrap-tabs" data-number-of-tabs="4" data-tab-set-title="sample">
  2. <ul class="nav nav-tabs" role="tablist">
  3. <!-- add tabs here -->
  4. <li class="active" role="presentation">
  5. <a aria-controls="sample-tab-1" class="tab-link" data-toggle="tab" href="#sample-tab-1" role="tab">Tab 1 Name</a>
  6. </li>
  7. <li role="presentation">
  8. <a aria-controls="sample-tab-2" class="tab-link" data-toggle="tab" href="#sample-tab-2" role="tab">Tab 2 Name</a>
  9. </li>
  10. <li role="presentation">
  11. <a aria-controls="sample-tab-3" class="tab-link" data-toggle="tab" href="#sample-tab-3" role="tab">Tab 3 Name</a>
  12. </li>
  13. <li role="presentation">
  14. <a aria-controls="sample-tab-4" class="tab-link" data-toggle="tab" href="#sample-tab-4" role="tab">Tab 4 Name</a>
  15. </li>
  16. </ul>
  17. <div class="tab-content">
  18. <!-- add tab panels here -->
  19. <div class="tab-pane active" id="sample-tab-1" role="tabpanel">
  20. <div class="tab-pane-content">Tab 1 Content</div>
  21. </div>
  22. <div class="tab-pane" id="sample-tab-2" role="tabpanel">
  23. <div class="tab-pane-content">Tab 2 Content</div>
  24. </div>
  25. <div class="tab-pane" id="sample-tab-3" role="tabpanel">
  26. <div class="tab-pane-content">Tab 3 Content</div>
  27. </div>
  28. <div class="tab-pane" id="sample-tab-4" role="tabpanel">
  29. <div class="tab-pane-content">Tab 4 Content</div>
  30. </div>
  31. </div>
  32. </div>