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

Pin It on Pinterest

Share This