# Tabs

## Content tabs

Content tabs are heavier tabs designed for displaying content.

# Example

    <div class="control-tabs content-tabs" data-control="tab">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tabOne">One</a></li>
            <li><a href="#tabTwo">Two</a></li>
            <li><a href="#tabThree">Three</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="padded-container">
                    Tab one content
                </div>
            </div>
            <div class="tab-pane">
                <div class="padded-container">
                    Tab two content
                </div>
            </div>
            <div class="tab-pane">
                <div class="padded-container">
                    Tab three content
                </div>
            </div>
        </div>
    </div>