Sing Documentation

Tabs

Tabs component may be placed both inside of .widget element or directly into main .content.

Originally Bootstrap has an option to put tabs on left and right. In Bootstrap 3 this feature was removed. We here think it was a pretty usable component, so Sing App keeps it:

<div class="tabbable tabs-left">
    <ul id="tabs2" class="nav nav-tabs">
        <li class=""><a href="#tab12" data-toggle="tab">Basic</a></li>
        <li class="active"><a href="#tab22" data-toggle="tab">Assumtion</a></li>
        <li class=""><a href="#tab32"  data-toggle="tab">Works</a></li>
    </ul>
    <div id="tabs2c" class="tab-content">
        <div class="tab-pane" id="tab12">
            1
        </div>
        <div class="tab-pane active" id="tab22">
            2
        </div>
        <div class="tab-pane" id="tab32">
            3
        </div>
    </div>
</div>

For more info check Bootstrap Tabs.

In case you want your tabs to become accordion for small screens checkout our tabcollapse plugin.

Accordion

Same as Tabs Accordion may be placed both as a widget inside .content or inside of .widget. Sing's accordion is a styled version of Bootstrap Collapse component.