Tabs – Navs – Pills

Last modified:

h3-Label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action Action

need a button here… Tutorial

The Markup

Code here ...

Pane 2 Content

and so on …

Keycode Description
??? xPanda Hotkeys Main Help Page
iii Load and Run c:\Desktop\temp.php
xpcp Run Color Picker
Keycode Description
??? xPanda Hotkeys Main Help Page
iii Load and Run c:\Desktop\temp.php
xpcp Run Color Picker 

<div class="row-fluid">
  <div class="span12">
    <div class="tabbable">
      <ul class="nav nav-pills nav-stacked span3">
        <li class="active"><a href="#pane1" data-toggle="tab">Tab 1</a></li>
        <li><a href="#pane2" data-toggle="tab">Tab 2</a></li>
        <li><a href="#pane3" data-toggle="tab">Tab 3</a></li>
        <li><a href="#pane4" data-toggle="tab">Tab 4</a></li>
      </ul>
      <div class="tab-content  span9">
        <div id="pane1" class="tab-pane active">
          <h4>The Markup</h4>
          <pre>Code here ...</pre>
        </div>
        <div id="pane2" class="tab-pane">
          <h4>Pane 2 Content</h4>
          <p> and so on ...</p>
        </div>
        <div id="pane3" class="tab-pane">
          <h4>Pane 3 Content</h4>
        </div>
        <div id="pane4" class="tab-pane">
          <h4>Pane 4 Content</h4>
        </div>
      </div>
      <!-- /.tab-content -->
    </div>
    <!-- /.tabbable -->
  </div>
</div>

Comments are closed.