에티테마

부트스트랩 탭메뉴(tab) 가운데 정렬하기

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 작성일 20-01-30 20:15

본문

안녕하세요.
부트스트랩을 사용하시다 탭메뉴 중간 정렬을 하고자 하는데 잘 안되는 경우가 있습니다.
이런경우에는 두가지 방법이 있는데요.
부트스트랩을 사용하시면 모두 동일하리라고 생각합니다.

* 해당 css 를 추가해줍니다.
 

.nav-tabs > li {

    float:none;

    display:inline-block;

    zoom:1;

}


.nav-tabs {

    text-align:center;

}

또는

위처럼 사용하지 않고 전체 넓이로 사용하고자 할경우에는

<ul class="nav nav-tabs nav-justified">

위처럼 nav-justified 만 추가해서 사용하는 방법이 있습니다.


 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.