Bootstrap Navigation Components
탭 및 약
| 수업 | 기술 | 예 |
|---|
| .nav nav-tabs | 탐색 탭을 만듭니다 | 시도 해봐 |
| .nav nav-pills | 탐색 약을 작성합니다 | 시도 해봐 |
| .nav nav-pills nav-stacked | 수직 탐색 약을 작성합니다 | 시도 해봐 |
| .nav-justified | 넓은 768px 이상의 화면에서 탐색 탭 / 약 부모의 동일한 폭을 만듭니다. 작은 화면에서 탐색 탭 / 알약 적층 | 시도 해봐 |
| .disabled | 장애인 (unclickable) 탭 / 약을 나타냅니다 | 시도 해봐 |
| 드롭 다운 메뉴 탐색 탭 | 시도 해봐 |
| 드롭 다운 메뉴 탐색 약 | 시도 해봐 |
| .tab-content | 함께 .tab-pane 및 data-toggle="tab" (data-toggle="pill" for pills) ,이 탭 / 약 toggable한다 | 시도 해봐 |
| .tab-pane | 함께 .tab-content 및 data-toggle="tab" (data-toggle="pill" for pills) ,이 탭 / 약 toggable한다 | 시도 해봐 |
이동 경로 및 페이지 매김
| 수업 | 기술 | 예 |
|---|
| .breadcrumb | 탐색 경로를 만든다 | 시도 해봐 |
| .pager | 제공 간단한 매김 링크 (이전 / 다음) | 시도 해봐 |
| .previous | 맞 춥니 다 .pager 왼쪽에 이전 버튼을 | 시도 해봐 |
| .next | 맞 춥니 다 .pager 오른쪽 옆에있는 버튼을 | 시도 해봐 |
| .disabled | unclickable 링크를 나타냅니다 | 시도 해봐 |
| .pagination | 페이지 매김 링크를 제공합니다 | 시도 해봐 |
| .pagination-lg | 와 함께 사용 .pagination 큰 매김 링크를 제공하는 클래스 | 시도 해봐 |
| .pagination-sm | 와 함께 사용 .pagination 작은 매김 링크를 제공하는 클래스 | 시도 해봐 |
| .disabled | unclickable 링크를 나타냅니다 | 시도 해봐 |
| .active | 현재 페이지를 나타냅니다 | 시도 해봐 |
라벨
| 수업 | 기술 | 예 |
|---|
| .label label-default | 기본 회색 레이블을 나타냅니다 | 시도 해봐 |
| .label label-primary | 유형의 블루 레이블을 나타냅니다 "primary" | 시도 해봐 |
| .label label-success | 유형의 녹색 레이블 표시 "success" | 시도 해봐 |
| .label label-info | 유형의 라이트 블루 라벨 표시 "info" | 시도 해봐 |
| .label label-warning | 유형의 노란색 레이블 표시 "warning" | 시도 해봐 |
| .label label-danger | 유형의 빨간색 레이블 표시 "danger" | 시도 해봐 |
| .badge | 신규 또는 읽지 않은 항목을 표시합니다 | 시도 해봐 |
| .jumbotron | 추천 콘텐츠 나 정보에 특별한주의를 호출하기위한 큰 상자를 나타냅니다 | 시도 해봐 |
| .jumbotron (extra) | 송출하려면 .jumbotron 상자가 전체 폭에 걸쳐, 그리고 둥근 모서리없이 외부에 배치 .container 클래스 | 시도 해봐 |