탭정렬 너무어렵네요.초보코딩입니다.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>
답변 3
해당 CSS 참조해보세요.
가로폭이 일정 이하 되면 세로로 변형되는 반응형 구조 같습니다.
아미나이긴한데 media 쪽을봐야하는건지요?
크롬에서 F12 누르시고
이거 누르시고 해당 부분 찍으시면
우측창에 CSS 경로 나옵니다.
display:inline-block; 도 같이 추가해보세요.
