ブートストラップでsmとはどういう意味ですか?

ブートストラップでは、sm は「小さい」を意味し、small の略語です。sm は、小さな画面デバイス クラスを意味し、ディスプレイ サイズを表すグリッド クラス「.col-sm-*」を表すためによく使用されます。 . タブレット デバイスに似た、768 ピクセル以上 992 ピクセル未満の画面デバイス。

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 3.3.7、DELL G3 コンピューター

ブートストラップの sm の意味は何ですか?

sm は小さい、つまり小さいという意味です。

グリッド システムとは

グリッド システムとは、ページ レイアウトを同じ幅の列に分割し、作成する列の数を定義することを指します。ページ レイアウトをカスタマイズします。 Bootstrap のグリッド システムは 1 ～ 12 列のパターンを使用し、比例計算を使用して定義した列幅を設定します。たとえば、この行に 2 列のレイアウト モードを使用する場合、各列の幅は外側のコンテナの 50% となり、閲覧に使用するデバイスに関係なく、この比率で表示されます。ただし、デバイスの幅が設定した最小幅より小さい場合は、2 つの列が並んで 1 つの列になります。

Bootstrap のグリッド システム

Bootstrap でのグリッド システムの使用は非常に簡単で便利です。定義済みのクラスを div に導入するだけで済みます。

まず、ブートストラップで使用できるいくつかのグリッド クラスを見てみましょう:

1. .col-xs-* これは超小型画面クラスです。 (

2. .col-sm-* これは、タブレット デバイスに似た、小さな画面デバイス クラス (768 ピクセル以上、992 ピクセル未満) です。

3. .col-md-* これは中型デバイス クラス (992px 以上、1200px 未満) です。

4. .col-lg-* これは大きなデバイス クラス (≥1200px) です。

col- すべてのデバイスの場合

col-sm- タブレット- 画面幅 576px

col-md- デスクトップ モニター- 画面幅以上768px より)

col-lg- 大型デスクトップ モニター - 画面幅 992px 以上)

col-xl- 特大デスクトップ モニター - 画面幅 1200px 以上)

関連する推奨事項: ブートストラップ チュートリアル

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