Bootstrap 3 tabbed container

<div id="rr-tabs">
    <ul class="nav nav-pills nav-justified" role="tablist">
        <li role="presentation" class="active">
            <a role="tab" data-toggle="tab" href="#tab-one" aria-expanded="true" aria-controls="tab-one">
                <h4>one</h4>
            </a>
        </li>
        <li role="presentation">
            <a role="tab" data-toggle="tab" href="#tab-two" aria-expanded="false" aria-controls="tab-two">
                <h4>two</h4>
            </a>
        </li>
        <li role="presentation">
            <a role="tab" data-toggle="tab" href="#tab-three" aria-expanded="false" aria-controls="tab-three">
                <h4>three</h4>
            </a>
        </li>
    </ul>
    <hr>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="tab-one">
            <div class="row">
                <p>one</p>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="tab-two">
            <div class="row">
                <p>two</p>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="tab-three">
            <div class="row">
                <p>three</p>
            </div>
        </div>
    </div>
</div>