+91 90691 39140 | +1 253 214 3115 | info@hub4tech.com | hub4tech

Bootstrap Tabs and Pills Video


Tabs

Tabs are created with < ul class="nav nav-tabs" >.
Tabs

Tabs

Also mark the current page with < li class="active" >. The above example creates navigation tabs.

Tabs with Dropdown Menu

Tabs can also hold dropdown menus. The following example adds a dropdown menu to "Menu 1":
Tabs with Dropdown Menu

Tabs with Dropdown Menu

Pills

Pills are created with < ul class="nav nav-pills" >. Also mark the current page with < li class="active" >:
Pills

Pills

Toggleable/Dynamic Tabs

Toggleable/Dynamic Tabs

Toggleable/Dynamic Tabs

To make the tabs toggleable, add the data-toggle="tab" attribute to each link. Then add a .tab-pane class with a unique ID for every tab and wrap them inside a
element with class .tab-content.
Toggleable/Dynamic Tabs



Is it Helpful?
Copyright ©2015 Hub4Tech.com, All Rights Reserved. Hub4Tech™ is registered trademark of Hub4tech Portal Services Pvt. Ltd.
All trademarks and logos appearing on this website are the property of their respective owners.
FOLLOW US