タブと丸薬
| クラス | 説明 | 例 |
|---|---|---|
| .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クラス | それを試してみてください |