Bootstrap Navigation Components
Tab dan Pills
| Kelas | Deskripsi | Contoh |
|---|
| .nav nav-tabs | Menciptakan tab navigasi | Cobalah |
| .nav nav-pills | Menciptakan pil navigasi | Cobalah |
| .nav nav-pills nav-stacked | Menciptakan pil navigasi vertikal | Cobalah |
| .nav-justified | Membuat navigasi tab / pil lebar yang sama dari orang tua mereka, di layar lebar dari 768px. Pada layar yang lebih kecil, tab nav / pil ditumpuk | Cobalah |
| .disabled | Menunjukkan cacat (unclickable) tab / pil | Cobalah |
| tab navigasi dengan menu dropdown | Cobalah |
| pil navigasi dengan menu dropdown | Cobalah |
| .tab-content | Bersama dengan .tab-pane dan data-toggle="tab" (data-toggle="pill" for pills) , itu membuat tab / pil toggable | Cobalah |
| .tab-pane | Bersama dengan .tab-content dan data-toggle="tab" (data-toggle="pill" for pills) , itu membuat tab / pil toggable | Cobalah |
Breadcrumb dan Pagination
| Kelas | Deskripsi | Contoh |
|---|
| .breadcrumb | Membuat breadcrumb | Cobalah |
| .pager | Memberikan pagination sederhana link (Sebelumnya / Berikutnya) | Cobalah |
| .previous | Menyejajarkan .pager tombol sebelumnya ke kiri | Cobalah |
| .next | Menyejajarkan .pager tombol di sebelah kanan | Cobalah |
| .disabled | Menunjukkan link diklik | Cobalah |
| .pagination | Menyediakan link pagination | Cobalah |
| .pagination-lg | Digunakan bersama-sama dengan .pagination kelas untuk menyediakan link pagination lebih besar | Cobalah |
| .pagination-sm | Digunakan bersama-sama dengan .pagination kelas untuk menyediakan link pagination kecil | Cobalah |
| .disabled | Menunjukkan link diklik | Cobalah |
| .active | Menunjukkan halaman saat ini | Cobalah |
label
| Kelas | Deskripsi | Contoh |
|---|
| .label label-default | Menunjukkan label abu-abu bawaan | Cobalah |
| .label label-primary | Menunjukkan label biru jenis "primary" | Cobalah |
| .label label-success | Menunjukkan label hijau dari jenis "success" | Cobalah |
| .label label-info | Menunjukkan label biru muda dari jenis "info" | Cobalah |
| .label label-warning | Menunjukkan label kuning dari jenis "warning" | Cobalah |
| .label label-danger | Menunjukkan label merah dari jenis "danger" | Cobalah |
| .badge | Menunjukkan item baru atau belum dibaca | Cobalah |
| .jumbotron | Menunjukkan sebuah kotak besar untuk memanggil perhatian ekstra untuk menampilkan konten atau informasi | Cobalah |
| .jumbotron (extra) | Untuk membiarkan .jumbotron kotak span lebar penuh, dan tanpa sudut yang dibulatkan, letakkan di luar .container kelas | Cobalah |