Bootstrap tabs как сделать подкатегорию табов?

<section id="blog" class="section">
		<div class="clr">
    <div class="tabs">
        <ul class="tabs_caption" data-animated="bounceIn" id="nav_btns">
            <li class="active">
                <div class="btn_selection"><span>Все читы</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>WarFace Читы</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Аккаунты</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Макросы</span></div>
            </li>
        </ul>
        <div class="tabs_content active">
            {custom category="1,2" template="shortstory" order="date" sort="asc" limit="100"}
        </div>
        <div class="tabs_content">
            {custom category="1" template="shortstory" order="date" sort="asc" limit="100"}
        </div>
        <div class="tabs_content">
            {custom category="9" template="shortstory" order="date" sort="asc" limit="100"}
        </div>
        <div class="tabs_content">
            {custom category="10" template="shortstory" order="date" sort="asc" limit="100"}
        </div>
    </div> 
 </div>
	</div>
</section>