Bootstrap pills


Snippet Details

Shortcut
bspills
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
2356

Code Output

        <ul id="myTab" class="nav nav-pills">
              <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

tab1 content
tab2 content
tab 3 content

Download Add to .VSIX Package


comments powered by Disqus

Extension Package

No snippets are added


Languages