세로정렬 질문합니다.

세로정렬 질문합니다.

QA

세로정렬 질문합니다.

본문

b6622f1d5f0da38edf1a34e7b3865973_1508158614_8857.png 



<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>

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT