tab

<ul id="ulTab" class="nav nav-pills" style="width:100%">
    <li id="liTab1" class="active" style="width:20%">
        <a href="#A001tab1" data-toggle="tab" aria-expanded="false">
            <span class="glyphicon glyphicon-th-large" aria-hidden="true">
            </span>
            <strong>A</strong>
        </a>
    </li>
    <li id="liTab2" class="" style="width:20%">
        <a href="#A001tab2" data-toggle="tab" aria-expanded="false">
            <span class=" glyphicon glyphicon-th-large" aria-hidden="true">
            </span>
            <strong>B</strong>
        </a>
    </li>
    <li id="liTab3" class="" style="width:20%">
        <a href="#A001tab3" data-toggle="tab" aria-expanded="false">
            <span class=" glyphicon glyphicon-th-large" aria-hidden="true">
            </span>
            <strong>C</strong>
        </a>
    </li>
    <li id="liTab4" class="" style="width:20%">
        <a href="#A001tab4" data-toggle="tab" aria-expanded="false">
            <span class=" glyphicon glyphicon-th-large" aria-hidden="true">
            </span>
            <strong>D</strong>
        </a>
    </li>
    <li id="liTab5" class="" style="width:19%">
        <a href="#A001tab5" data-toggle="tab" aria-expanded="false">
            <span class=" glyphicon glyphicon-th-large" aria-hidden="true">
            </span>
            <strong>E</strong>
        </a>
    </li>
</ul>