탭정렬 너무어렵네요.초보코딩입니다.nav-justified

탭메뉴구성중인데요.초보코딩이라 잘몰라서 그러는데 자꾸 세로로 정렬이 되네요.

nav-justified 이것만 넣으면 세로로 되네요.모바일에서 가로폭정렬을 하고 싶은데

계속 세로로되니..ㅠㅠ 어렵네요.nav-justified 이걸 빼자니 왼쪽으로 정렬되니 보기가

안좋아서요.혹시 해결책이 있으려나요??

<div class="div-tab tabs tabs-white-bottom trans-top" style="margin-top: 10px;">
                      <div class="main-tab">
                         <ul class="nav nav-tabs  nav-justified" data-toggle="tab-hover">
                          <li><a href="#tab1" data-toggle="tab">슬롯리뷰</a></li>                        
                          <li><a href="#tab2" data-toggle="tab">슬롯후기</a></li>
                          <li><a href="#tab3" data-toggle="tab">자유게시판</a></li>
                                                   
                         </ul>      
                  </div>
     </div>