Tutorial by Examples

<ul class="nav nav-tabs" role="tablist"> <li role="presentation"> <a href="#id-of-content-1" role="tab" data-toggle="tab">Tab 1</a> </li> <li role="presentation"> <a href=&...

To make tabs fade in, add .fade to each .tab-pane. The active tab pane must also have .in class to make the initial content visible. <ul class="nav nav-tabs" role="tablist"> <li role="presentation"> <a href="#id-of-content-1" role...