ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップにはどのようなクラスがありますか?

ブートストラップにはどのようなクラスがありますか?

藏色散人
リリース: 2019-07-23 11:39:28
オリジナル
2724 人が閲覧しました

ブートストラップにはどのようなクラスがありますか?

#ブートストラップにはどのようなクラスがありますか

#BootStrap でよく使用されるスタイル クラス

グリッド オプション

row: 行

col--: 列 (最初のものは xs[extra small]/sm[small]/md にすることができます) [Medium]/lg[Large]; 2 番目は 12 以内の [列数] である必要があります)

col--offset-: 列オフセット (最初は上記と同じ、2 番目の範囲は 1~ 11、列の左マージン (margin-left) に列を追加することを意味します)

col---: 列の並べ替え (最初のものは上記と同じですが、2 番目のものはプッシュ[右にすることができます) ]/pull[ 左へ]、3 番目の範囲は 1 ~ 11 [列数])

#タイプ設定

small: インライン サブタイトル

lead: ブート ボディ コピー

text-: テキスト スタイル (左[左揃え]/中央[中央揃え]/右[右揃え]/ミュート[弱めのテキスト]が可能)

/primary/success /info/warning/danger

/justify[自動行折り返し]/nowrap[行折り返しなし]

/小文字[小文字]/大文字[大文字]/capitalize [最初の文字を大文字にする]

)

list-inline: リストは同じ行に配置されます

Table

table: 基本スタイル、水平分割線のみ

table-: 表スタイル (* Triped[縞模様の追加]/border[境界線の追加]/hover[ホバーを有効にする]/condensed[よりコンパクト]にすることができます)

tr/th/td: active/success/info/warning/danger で背景色を変更します。

table-sensitive: レスポンシブ テーブルを実装するには、任意のテーブルを table-sensitive 内に配置します。

Form

基本フォーム(縦型フォーム)の作成手順親要素にrole="form"を追加;

Put class .form-group を持つクラスのラベルとコントロール、これは最適な間隔を取得するために必要です;

関連する推奨事項: "

bootstrap チュートリアル

"

以上がブートストラップにはどのようなクラスがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート