ホームページ > 記事 > ウェブフロントエンド > ブートストラップにはどのようなクラスがありますか?
#ブートストラップにはどのようなクラスがありますか
#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 サイトの他の関連記事を参照してください。