안녕하세요 코드 문의좀 드리겠습니다 ㅠㅠ 초짜라 ㅠㅠ 고수님들 조언좀 부탁드리겠습니다.

<div class="div-tab tabs">
    <ul class="nav nav-tabs nav-justified">
        <li><a href="#tab2-1" data-toggle="tab">어플1</a></li>
        <li><a href="#tab2-2" data-toggle="tab">어플2</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab2-1">
            <?php echo apms_widget('basic-post-garo', $wid.'-wm2', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
        </div>
        <div class="tab-pane" id="tab2-2">
            <?php echo apms_widget('basic-post-garo', $wid.'-wm3', 'icon={아이콘:caret-right} date=1 center=1 strong=1,2'); ?>
        </div>
    </div>                            
</div>

이렇게 넣어놓은상태에요 main.php에 그렇게 했더니 pc에서는 어플1,어플2 탭이 가로로 보여지고

모바일에선 세로로 출력됩니다. ㅠ 

요렇게요

제가 원하는건 2개에서5개정도 탭을 넣을에정이고 다 가로로 출력 됐으면 좋겠는데 

어떻게 해야될지 조언좀 부탁드리겠습니다. 감사합니다.