Documentation

Tabs

Any widget can be transformed into tabbed one just by adding .widget-tabs class and providing appropriate markup for tabs. For example:

<section class="widget widget-tabs">
    <header>
        <ul class="nav nav-tabs">
            <li class="active"><a href="#stats" data-toggle="tab">One</a></li>
            <li><a href="#report" data-toggle="tab">Two</a></li>
        </ul>
    </header>
    <div class="body tab-content">
        <div id="stats" class="tab-pane active">
            Some text
        </div>
        <div id="report" class="tab-pane">
            Some text 2
        </div>
    </div>
</section>

Tabs can also be included not just as widget header but anywhere. Read more about Bootstrap tabs