부트스트랩의 탭에서 한가지 특이한 레이아웃이 있는데, 탭 목록의 글자를 세로로 만들 수가 있습니다.
.sideways 선택자를 추가하면 됩니다.
<ul id=”myTab4″ class=”nav nav-tabs tabs-left sideways” role=”tablist”>
이 .sideway를 사용하기 위해서는 별도의 플러그인이 필요합니다.
https://github.com/dbtek/bootstrap-vertical-tabs
여기서 파일을 다운로드 받아서 링크를 걸어주면 됩니다.
<head>~</head> 사이에 다운로드 받은 css 파일의 경로로 다음과 같이 링크해 주세요.
<link href=”./css/bootstrap.vertical-tabs.css” rel=”stylesheet”>
<link href=”./css/bootstrap.vertical-tabs.min.css” rel=”stylesheet”> => 추천
<link href=”./css/bootstrap.vertical-tabs.min.css” rel=”stylesheet”> => 추천
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| [bootstrap] 부트스트랩 – .nav – 필(Pills) 좌측 정렬 (0) | 2016.02.01 |
|---|---|
| [bootstrap] 부트스트랩 – .nav – 필(Pills) 기본형 (0) | 2016.02.01 |
| [bootstrap] 부트스트랩 – .nav – 우측 탭 (0) | 2016.02.01 |
| [bootstrap] 부트스트랩 – .nav – 좌측 탭 (0) | 2016.02.01 |
| [bootstrap] 부트스트랩 – .nav – 탭 예제 (0) | 2016.02.01 |
댓글