Bootstrap Tabs X Demo bootstrap-tabs-x

Thankful to Krajee!
to get more out of us.

NOTE: The plugins on this site, strive to use a lot of CSS3 and HTML5 features in addition to JQuery. Hence, one may find either CSS3, HTML5 or a mix of both to achieve a plugin's requirements in many implementations.

Extended Bootstrap Tabs with ability to align tabs in multiple ways, add borders, rotated titles, load tab content via ajax, and more. This plugin includes various CSS3 styling enhancements and various tweaks to the core Bootstrap 3 Tabs plugin.

Tabs Above

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Below

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Left

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Right

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content
<!-- Tabs Above -->
<div class='tabs-x tabs-above tabs-krajee'>
    <ul id="myTab-1" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-1" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-1" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-1" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-1-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-1-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-1"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-1" class="tab-content">
        <div class="tab-pane fade in active" id="home-1"><p>...</p></div>
        <div class="tab-pane fade" id="profile-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-1-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-1-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-1">Disabled Content</div>
    </div>
</div>

<!-- Tabs Below -->
<div class='tabs-x tabs-below tabs-krajee'>
    <div id="myTabContent-2" class="tab-content">
        <div class="tab-pane fade in active" id="home-2"><p>...</p></div>
        <div class="tab-pane fade" id="profile-2"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-2-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-2-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-2">Disabled Content</div>
    </div>
    <ul id="myTab-2" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-2" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-2" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-2" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-2-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-2-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-2"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
</div>

<!-- Tabs Left -->
<div class='tabs-x tabs-left tabs-krajee'>
    <ul id="myTab-3" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-3" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-3" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-3" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-3-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-3-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-3"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-3" class="tab-content">
        <div class="tab-pane fade in active" id="home-3"><p>...</p></div>
        <div class="tab-pane fade" id="profile-3"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-3-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-3-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-3">Disabled Content</div>
    </div>
</div>

<!-- Tabs Right -->
<div class='tabs-x tabs-right tabs-krajee'>
    <ul id="myTab-4" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-4" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-4" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-4" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-4-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-4-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-4"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-4" class="tab-content">
        <div class="tab-pane fade in active" id="home-4"><p>...</p></div>
        <div class="tab-pane fade" id="profile-4"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-4-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-4-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-4">Disabled Content</div>
    </div>
</div>

Tabs Above

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Below

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Left

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Right

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content
<!-- Tabs Above -->
<div class='tabs-x tabs-above tab-bordered tabs-krajee'>
    <ul id="myTab-5" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-5" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-5" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-5" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-5-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-5-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-5"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-5" class="tab-content">
        <div class="tab-pane fade in active" id="home-5"><p>...</p></div>
        <div class="tab-pane fade" id="profile-5"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-5-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-5-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-5">Disabled Content</div>
    </div>
</div>

<!-- Tabs Below -->
<div class='tabs-x tabs-below tab-bordered tabs-krajee'>
    <div id="myTabContent-6" class="tab-content">
        <div class="tab-pane fade in active" id="home-6"><p>...</p></div>
        <div class="tab-pane fade" id="profile-6"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-6-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-6-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-6">Disabled Content</div>
    </div>
    <ul id="myTab-6" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-6" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-6" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-6" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-6-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-6-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-6"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
</div>

<!-- Tabs Left -->
<div class='tabs-x tabs-left tab-bordered tabs-krajee'>
    <ul id="myTab-7" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-7" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-7" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-7" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-7-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-7-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-7"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-7" class="tab-content">
        <div class="tab-pane fade in active" id="home-7"><p>...</p></div>
        <div class="tab-pane fade" id="profile-7"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-7-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-7-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-7">Disabled Content</div>
    </div>
</div>

<!-- Tabs Right -->
<div class='tabs-x tabs-right tab-bordered tabs-krajee'>
    <ul id="myTab-8" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-8" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-8" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-8" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-8-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-8-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-8"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-8" class="tab-content">
        <div class="tab-pane fade in active" id="home-8"><p>...</p></div>
        <div class="tab-pane fade" id="profile-8"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-8-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-8-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-8">Disabled Content</div>
    </div>
</div>

Tabs Above Centered

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Below Centered

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Above Right

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Tabs Below Right

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

<!-- Tabs Above Centered -->
<div class='tabs-x tabs-above tab-bordered tab-align-center tabs-krajee'>
    <ul id="myTab-9" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-9" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-9" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-9" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-9-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-9-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-9"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-9" class="tab-content">
        <div class="tab-pane fade in active" id="home-9"><p>...</p></div>
        <div class="tab-pane fade" id="profile-9"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-9-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-9-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-9">Disabled Content</div>
    </div>
</div>

<!-- Tabs Below Centered -->
<div class='tabs-x tabs-below tab-bordered tab-align-center tabs-krajee'>
    <div id="myTabContent-10" class="tab-content">
        <div class="tab-pane fade in active" id="home-10"><p>...</p></div>
        <div class="tab-pane fade" id="profile-10"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-10-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-10-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-10">Disabled Content</div>
    </div>
    <ul id="myTab-10" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-10" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-10" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-10" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-10-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-10-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-10"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
</div>

<!-- Tabs Above Right -->
<div class='tabs-x tabs-above tab-bordered tab-align-right tabs-krajee'>
    <ul id="myTab-11" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-11" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-11" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-11" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-11-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-11-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-11"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-11" class="tab-content">
        <div class="tab-pane fade in active" id="home-11"><p>...</p></div>
        <div class="tab-pane fade" id="profile-11"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-11-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-11-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-11">Disabled Content</div>
    </div>
</div>

<!-- Tabs Below Right -->
<div class='tabs-x tabs-below tab-bordered tab-align-right tabs-krajee'>
    <div id="myTabContent-12" class="tab-content">
        <div class="tab-pane fade in active" id="home-12"><p>...</p></div>
        <div class="tab-pane fade" id="profile-12"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-12-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-12-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-12">Disabled Content</div>
    </div>
    <ul id="myTab-12" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-12" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-12" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-12" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-12-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-12-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-12"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
</div>

Extra Small

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Small

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Medium

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Large

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content
<!-- Extra Small -->
<div class='tabs-x tabs-above tab-bordered tab-height-xs tabs-krajee'>
    <ul id="myTab-13" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-13" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-13" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-13" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-13-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-13-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-13"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-13" class="tab-content">
        <div class="tab-pane fade in active" id="home-13"><p>...</p></div>
        <div class="tab-pane fade" id="profile-13"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-13-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-13-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-13">Disabled Content</div>
    </div>
</div>

<!-- Small -->
<div class='tabs-x tabs-above tab-bordered tab-height-sm tabs-krajee'>
    <ul id="myTab-14" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-14" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-14" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-14" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-14-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-14-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-14"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-14" class="tab-content">
        <div class="tab-pane fade in active" id="home-14"><p>...</p></div>
        <div class="tab-pane fade" id="profile-14"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-14-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-14-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-14">Disabled Content</div>
    </div>
</div>

<!-- Medium -->
<div class='tabs-x tabs-above tab-bordered tab-height-md tabs-krajee'>
    <ul id="myTab-15" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-15" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-15" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-15" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-15-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-15-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-15"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-15" class="tab-content">
        <div class="tab-pane fade in active" id="home-15"><p>...</p></div>
        <div class="tab-pane fade" id="profile-15"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-15-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-15-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-15">Disabled Content</div>
    </div>
</div>

<!-- Large -->
<div class='tabs-x tabs-above tab-bordered tab-height-lg tabs-krajee'>
    <ul id="myTab-16" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-16" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-16" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-16" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-16-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-16-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-16"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-16" class="tab-content">
        <div class="tab-pane fade in active" id="home-16"><p>...</p></div>
        <div class="tab-pane fade" id="profile-16"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-16-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-16-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-16">Disabled Content</div>
    </div>
</div>

Left Sideways

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Right Sideways

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Left Sideways Bordered

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content

Right Sideways Bordered

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Disabled Content
<!-- Left Sideways -->
<div class='tabs-x tabs-left tab-sideways tabs-krajee'>
    <ul id="myTab-17" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-17" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-17" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-17" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-17-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-17-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-17"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-17" class="tab-content">
        <div class="tab-pane fade in active" id="home-17"><p>...</p></div>
        <div class="tab-pane fade" id="profile-17"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-17-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-17-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-17">Disabled Content</div>
    </div>
</div>

<!-- Right Sideways -->
<div class='tabs-x tabs-right tab-sideways tabs-krajee'>
    <ul id="myTab-18" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-18" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-18" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-18" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-18-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-18-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-18"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-18" class="tab-content">
        <div class="tab-pane fade in active" id="home-18"><p>...</p></div>
        <div class="tab-pane fade" id="profile-18"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-18-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-18-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-18">Disabled Content</div>
    </div>
</div>

<!-- Left Sideways Bordered -->
<div class='tabs-x tabs-left tab-bordered tab-sideways tabs-krajee'>
    <ul id="myTab-19" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-19" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-19" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-19" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-19-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-19-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-19"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-19" class="tab-content">
        <div class="tab-pane fade in active" id="home-19"><p>...</p></div>
        <div class="tab-pane fade" id="profile-19"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-19-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-19-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-19">Disabled Content</div>
    </div>
</div>

<!-- Right Sideways Bordered -->
<div class='tabs-x tabs-right tab-bordered tab-sideways tabs-krajee'>
    <ul id="myTab-20" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-20" role="tab" data-toggle="tab">Home</a></li>
        <li><a href="#profile-20" role="tab-kv" data-toggle="tab">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-20" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-20-1" tabindex="-1" role="tab" data-toggle="tab">Option 1</a></li>
                <li><a href="#dropdown-20-2" tabindex="-1" role="tab" data-toggle="tab">Option 2</a></li>
            </ul>
        </li>
        <li class="disabled"><a href="#disabled-20"><i class="glyphicon glyphicon-knight"></i> Disabled</a></li>
    </ul>
    <div id="myTabContent-20" class="tab-content">
        <div class="tab-pane fade in active" id="home-20"><p>...</p></div>
        <div class="tab-pane fade" id="profile-20"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-20-1"><p>...</p></div>
        <div class="tab-pane fade" id="dropdown-20-2"><p>...</p></div>
        <div class="tab-pane fade" id="disabled-20">Disabled Content</div>
    </div>
</div>

Ajax Tabs Above

Local Initial Data

This is some initial information. You can click these tabs, to load content via ajax.

Ajax Tabs Below

Local Initial Data

This is some initial information. You can click these tabs, to load content via ajax.

Ajax Tabs Left

Local Initial Data

This is some initial information. You can click these tabs, to load content via ajax.

Ajax Tabs Right

Local Initial Data

This is some initial information. You can click these tabs, to load content via ajax.
<!-- Ajax Tabs Above -->
<div class='tabs-x tabs-above tab-bordered tabs-krajee'>
    <ul id="myTab-21" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-21" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=1">Home</a></li>
        <li><a href="#profile-21" role="tab-kv" data-toggle="tab" data-url="/site/fetch-tab?tab=2">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-21" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-21-1" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=3">Option 1</a></li>
                <li><a href="#dropdown-21-2" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=4">Option 2</a></li>
            </ul>
        </li>
    </ul>
    <div id="myTabContent-21" class="tab-content">
        <div class="tab-pane fade in active" id="home-21"><h4>Local Initial Data</h4>
                    This is some initial information. You can click these tabs, to load content via ajax.</div>
        <div class="tab-pane fade" id="profile-21"></div>
        <div class="tab-pane fade" id="dropdown-21-1"></div>
        <div class="tab-pane fade" id="dropdown-21-2"></div>
    </div>
</div>

<!-- Ajax Tabs Below -->
<div class='tabs-x tabs-below tab-bordered tabs-krajee'>
    <div id="myTabContent-22" class="tab-content">
        <div class="tab-pane fade in active" id="home-22"><h4>Local Initial Data</h4>
                    This is some initial information. You can click these tabs, to load content via ajax.</div>
        <div class="tab-pane fade" id="profile-22"></div>
        <div class="tab-pane fade" id="dropdown-22-1"></div>
        <div class="tab-pane fade" id="dropdown-22-2"></div>
    </div>
    <ul id="myTab-22" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-22" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=1">Home</a></li>
        <li><a href="#profile-22" role="tab-kv" data-toggle="tab" data-url="/site/fetch-tab?tab=2">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-22" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-22-1" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=3">Option 1</a></li>
                <li><a href="#dropdown-22-2" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=4">Option 2</a></li>
            </ul>
        </li>
    </ul>
</div>

<!-- Ajax Tabs Left -->
<div class='tabs-x tabs-left tab-bordered tabs-krajee'>
    <ul id="myTab-23" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-23" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=1">Home</a></li>
        <li><a href="#profile-23" role="tab-kv" data-toggle="tab" data-url="/site/fetch-tab?tab=2">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-23" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-23-1" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=3">Option 1</a></li>
                <li><a href="#dropdown-23-2" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=4">Option 2</a></li>
            </ul>
        </li>
    </ul>
    <div id="myTabContent-23" class="tab-content">
        <div class="tab-pane fade in active" id="home-23"><h4>Local Initial Data</h4>
                    This is some initial information. You can click these tabs, to load content via ajax.</div>
        <div class="tab-pane fade" id="profile-23"></div>
        <div class="tab-pane fade" id="dropdown-23-1"></div>
        <div class="tab-pane fade" id="dropdown-23-2"></div>
    </div>
</div>

<!-- Ajax Tabs Right -->
<div class='tabs-x tabs-right tab-bordered tabs-krajee'>
    <ul id="myTab-24" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-24" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=1">Home</a></li>
        <li><a href="#profile-24" role="tab-kv" data-toggle="tab" data-url="/site/fetch-tab?tab=2">Profile</a></li>
        <li class="dropdown">
            <a href="#" id="myTabDrop-24" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop-1">
                <li><a href="#dropdown-24-1" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=3">Option 1</a></li>
                <li><a href="#dropdown-24-2" tabindex="-1" role="tab" data-toggle="tab" data-url="/site/fetch-tab?tab=4">Option 2</a></li>
            </ul>
        </li>
    </ul>
    <div id="myTabContent-24" class="tab-content">
        <div class="tab-pane fade in active" id="home-24"><h4>Local Initial Data</h4>
                    This is some initial information. You can click these tabs, to load content via ajax.</div>
        <div class="tab-pane fade" id="profile-24"></div>
        <div class="tab-pane fade" id="dropdown-24-1"></div>
        <div class="tab-pane fade" id="dropdown-24-2"></div>
    </div>
</div>