Bootstrap Tabs & Pills

tutorial and example
tutorial and example

Bootstrap Menus

Bootstrap menu is used to create different types of menu. It can created horizontal with its .list-inlineclass.

Try Now

Bootstrap Tabs

Bootstrap tabl is look like is menu but there is some difference. We can create a basic navigation tag with <ul class=”nav nav-tabs”>. You can mark the current page with <li class=”active”>.

Let us see an example of Bootstrap Tabs:

Try Now

Bootstrap Tabs with Dropdown Menu

We can create tabs with the dropdown menu.

Let us see an example of Bootstrap Tabs with Dropdown Menu:

Try Now

Bootstrap Pills

We can create pills with the help of <ul class=”nav nav-pills”>. By default it is supported horizontal.

Let us see an example of Bootstrap Pills:

Try Now

Bootstrap Vertical Pills

We can create vertical pill by using .nav-stacked class.

Try Now

Note : We can create center/justify Tabs and pills by using .nav-justified class.

Bootstrap Dynamic Pills

Bootstrap Dynamic Pills is same as dynamic toggleable tabs but there is some difference that can be understand by its example.

Example

Try Now