Snippet Details

Shortcut

bstabs

Description

Navs available in Bootstrap have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.

Language

HTML

Author

Dylan Hayes

Upload on

24-2-2014 16:03:02

Downloads

2487

Code Output

        <ul id="myTab" class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#tab1">tab1</a></li>
              <li><a data-toggle="tab" href="#tab2">tab2</a></li>
              <li><a data-toggle="tab" href="#tab3">tab3</a></li>
          </ul>
          <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade active in" id="tab1">
                tab1 content
              </div>
              <div class="tab-pane fade" id="tab2">
                tab2 content
              </div>
              <div class="tab-pane fade" id="tab3">
                tab 3 content
              </div>
          </div>
				
    

HTML Output

Extension Package

No snippets are added