Latest web development tutorials
×

Bootstrap コース

Bootstrap コース Bootstrap 簡単な紹介 Bootstrap 設置環境

Bootstrap CSS

Bootstrap CSS 概要 Bootstrap グリッド方式 Bootstrap 組版 Bootstrap コード Bootstrap テーブル Bootstrap フォーム Bootstrap プッシュボタン Bootstrap 絵 Bootstrap 補助クラス Bootstrap レスポンシブユーティリティ

Bootstrap レイアウトコンポーネント

Bootstrap フォントのアイコン Bootstrap ドロップダウンメニュー Bootstrap ボタングループ Bootstrap ボタンのドロップダウンメニュー Bootstrap 入力ボックスグループ Bootstrap ナビゲーション要素 Bootstrap ナビゲーションバー Bootstrap パン粉 Bootstrap ページング Bootstrap ラベル Bootstrap バッジ Bootstrap 大画面 Bootstrap ページタイトル Bootstrap サムネイル Bootstrap 警告 Bootstrap プログレスバー Bootstrap マルチメディアオブジェクト Bootstrap 一覧グループ Bootstrap パネル Bootstrap Wells

Bootstrap ウィジェット

Bootstrap プラグインの概要 Bootstrap 転移効果 Bootstrap モーダルボックス Bootstrap ドロップダウンメニュー Bootstrap スクロールモニター Bootstrap タブ Bootstrap ツールヒント Bootstrap ポップアップボックス Bootstrap 警告ボックス Bootstrap プッシュボタン Bootstrap 折り畳みます Bootstrap 回転木馬 Bootstrap 追加のナビゲーション

Bootstrap 他の

Bootstrap UI エディタ Bootstrap V2 コース Bootstrap HTML コーディング規約 Bootstrap CSS コーディング規約

ブートストラップタグ

この章では、ブートストラップ]タブを説明します。 ラベルに表示される他のタグは、カウント、ヒントまたはページのために使用することができます。 次の例に示すように、ラベルを表示するには、クラス .LABELを使用します。

<スパンを見出し<H1> クラス= "ラベルlabel-デフォルト" >ラベル</ span>の</ H1> <スパンを見出し<H2> クラス= "ラベルlabel-デフォルト" >ラベル</ span>の</ H2> <スパンを見出し<H3> クラス= "ラベルlabel-デフォルト" >ラベル</ span>の</ H3> <スパンを見出し<H4> クラス= "ラベルlabel-デフォルト" >ラベル</ span>の</ H4>

»をお試しください

結果は以下の通りであります:

ラベル

あなたは、修正されたクラスラベルデフォルト、ラベルの一次使用することができ、ラベル成功、ラベル情報、ラベル警告、ラベル危険を次の例に示すように、ラベルの外観を変更します:

<スパン クラス= "ラベルlabel-デフォルト" > デフォルトタブ </ span>の <スパン クラス= "ラベルlabel-プライマリ」 > 主なタグ </ span>の <スパン クラス= "ラベルlabel-成功" > 成功したタグ </ span>の <スパン クラス= "ラベルlabel-情報" > タブ </ span>の <スパン クラス= "ラベルlabel-警告" > 警告ラベル </ span>の <スパン クラス= "ラベルlabel-危険" > リスクラベル </ span>の

»をお試しください

結果は以下の通りであります:

タグバリアント

標識のさらなる例

カテゴリ 説明
.LABELラベルデフォルト デフォルトのグレーのラベル 試します
.LABELラベルプライマリ 青いラベルの「プライマリ」タイプ 試します
.LABELラベル成功 緑色のラベルの「成功」タイプ 試します
.LABELラベル情報 「情報」タイプライトブルーラベル 試します
.LABELラベル警告 「警告」タイプ黄色のラベル 試します
.LABELラベル危険 「危険」タイプ赤ラベル 試します