세로정렬 질문합니다.
본문
<div class="tab-brd tab-brd-default">
<table class="table table-bordered">
<ul class="nav nav-tabs">
<li class="active" ><a data-toggle="tab">사는재미</a></li>
<li >자유게시판 좋은글 유머한마디</li>
</ul>
<div class="col-xs-6 col-md-4">
표시된 부분을 밑으로 내려서 옆에하고 같이 맞추고 싶은데 잘 안되네요.
답변 3
자유게시판, 좋은글, 유머한마디
를
[사는재미] 처럼 탭메뉴로 추가하는 형태를 얘기하는 것이라면..
다음과 같이 하면 됩니다.
<ul class="nav nav-tabs">
<li class="active" ><a data-toggle="tab">사는재미</a></li>
<li class="" ><a data-toggle="tab">자유게시판</a></li>
<li class="" ><a data-toggle="tab">좋은글</a></li>
<li class="" ><a data-toggle="tab">유머한마디</a></li>
</ul>
부트스트랩 탭메뉴 참고글 - https://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp
1차 : vertical-align:middle; 또는 bottom
2차 : line-height: 1.6em;
3차 : padding-top: 5px 또는 margin-top: 5px
위 css 별로 조정해보세요.
예) <li style="vertical-align:middle;" >자유게시판 좋은글 유머한마디</li>
고맙습니다.
많은 도움이 됐습니다.
답변을 작성하시기 전에 로그인 해주세요.
