테스트 사이트 - 개발 중인 베타 버전입니다

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

영디자인 3년 전 조회 2,777

 

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

 

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>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

e
3년 전

display:inline-block; 도 같이 추가해보세요.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

크롬에서 F12 누르시고 

 

 

이거 누르시고 해당 부분 찍으시면

 

 

우측창에 CSS 경로 나옵니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

해당 CSS 참조해보세요.

가로폭이 일정 이하 되면 세로로 변형되는 반응형 구조 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

영디자인
3년 전
아미나이긴한데 media 쪽을봐야하는건지요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인