|  
You are here : Features  >  Togglable Tabs
Thursday , June , 20 , 2019
Togglable Tabs
Content text 1 ...
Content text 2 ...
Content text 3 ...
Content text 4 ...
Usage
  1. <ul class="nav nav-tabs">
  2.   <li class="active"><a href="#item1" data-toggle="tab">Home</a></li>
  3.   <li><a href="#item2" data-toggle="tab">Profile</a></li>
  4.   <li><a href="#item3" data-toggle="tab">Messages</a></li>
  5.   <li><a href="#item4" data-toggle="tab">Settings</a></li>
  6. </ul>
  7. <div class="tab-content">
  8.   <div class="tab-pane fade in active" id="item1">Content text 1 ...</div>
  9.   <div class="tab-pane fade" id="item2">Content text 2 ...</div>
  10.   <div class="tab-pane fade" id="item3">Content text 3 ...</div>
  11.   <div class="tab-pane fade" id="item4">Content text 4 ...</div>
  12. </div>
FacebookTwitterGoogle YouTube