レイアウトコンテナ

ブートストラップはページコンテンツとグリッドシステムを .container コンテナでラップする必要があります

!!! 注意「警告!」
パディングなどの属性により、これら 2 つのコンテナは相互にネストすることはできません

.container クラスは固定幅のコンテナに使用され、レスポンシブレイアウトをサポートします

.container-fluid クラスは幅 100% のコンテナに使用され、ビューポート全体を占有します

グリッドパラメータ

追加小画面<768px .col-xs-

小画面>768px .col-sm-

中画面>992px .col-md-

大画面>1200px .col-lg-

植字

タイトル

~

が使用でき、.h1 から .h6 までのクラスが提供されます

!!! サブタイトルを使用する場合は、を含めることができます。 .small クラスを使用します

インラインテキスト要素

、取り消し線テキスト~~~~

、下線テキスト

小さい番号のテキスト

タグ内のテキストは、親コンテナのフォントサイズの 85% に設定されます。
!!! 'ヒント' に注意してください
title 要素内のネストされた要素は異なるフォントサイズに設定されています

強調
ラップされた要素のフォントウェイト値が増加します

斜体

タグを使用して折り返す

align

text-left 左揃え

text-center 中央揃え

text-right 右揃え

text-justify 両端揃え

text-nowrap テキストは改行ではありません

基本的な略語

略語が最初の文字の場合、それを強調表示するために、.initialism クラスを追加してフォントサイズを少し小さくすることができます

引用

引用コンテンツを追加できます

<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote>
ログイン後にコピー

!!! 「別の表示スタイル」に注意してください
.blockquote-reverse クラスを割り当てることで、引用にコンテンツの右揃えの効果を表示できます。

List

、
順序付きリストと順序なしリストを生成します

list-unstyled unstyled list

list-inline インラインリスト (つまり、行に並んでいます)

説明

説明フレーズ付きリスト

dl-horizontal では、
内のフレーズと説明を 1 行に配置できます

コードブロック

コードブロック変数