my-2、my-lg-0、mr-sm-2などのcssクラスはブートストラップ4で何をしますか?

skyleguy

私は他の質問とブートストラップのドキュメントを見てきましたが、これらのクラスが要素に対して何をするのかを理解できないようです。どんな助けでも大歓迎です!検索バーを大きなビューポートで1/4のサイズ、中程度のビューポートで1/3のサイズ、小さなビューポートで100%のサイズにしようとしています。

ディッパ

それらはブートストラップ間隔ユーティリティクラスです:

mr-sm-2

r-margin-rightまたはを設定するクラスの場合padding-right

my-2my-lg-0

y-*-topとの両方を設定するクラスの場合*-bottom

インクルード m

m-マージンを設定するクラスの場合

ここでブーストラップ間隔からの表記を見ることができます


smそして、lgブートストラップを使用して、誰もがそれを見るために使用されていることのユーティリティクラスです。

sm - 小さい

lg -大きい

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

4つのimgを持つブートストラップ(col xs-12 col-sm-6 col-md-2 col-lg-2)の行を中央に配置するにはどうすればよいですか?

分類Dev

ブートストラップで複数のcol- [lg | md | sm | xs]-を使用するのはなぜですか?

分類Dev

ブートストラップのSEOへの影響が見える-lg / md / sm / xs-クラス

分類Dev

mdまたはlgビューのブートストラップ4で固定位置にある場合、smまたはmdビューでh1の位置を絶対化するにはどうすればよいですか。

分類Dev

ブートストラップブレークポイント...いくつかの説明が必要です 'xs sm md lg'

分類Dev

(xs:0、sm:576px、md:768px、lg:992px、xl:1200px)がSassmeisterで有効なCSS値ではないのはなぜですか?

分類Dev

ブートストラップ4応答ユーティリティが表示される/非表示のxs sm lgが機能しない

分類Dev

Bootstrapのcol-lg-*、col-md- *、col-sm- *の違いは何ですか?

分類Dev

Select2はブートストラップ入力を適用します-lg

分類Dev

xs / smに折りたたんでから、Google Chromeでmdまたはlgに戻る(サイズを変更する)と、ブートストラップリストの配置が失われます。

分類Dev

smディスプレイで2行にまたがるブートストラップ4フォーム行のフィールド間にマージンを作成するにはどうすればよいですか?

分類Dev

Bootstrap 3のグリッドクラス(col-sm-#およびcol-lg-#)を理解する

分類Dev

Pradicate my_flatten / 2がネストされたリスト構造をフラット化しないのはなぜですか?(プロローグ)

分類Dev

col-lg-2 col-md-4 col-6がブートストラップ4で機能していません。モバイルビューでは、col-6ではなくcol-md-4で表示されます。

分類Dev

twitterブートストラップでcol-sm-4を2つの等しい列と1行の下部に変換したい

分類Dev

ブートストラップの「col-md-4」、「col-xs-1」、「col-lg-2」の数字の意味

分類Dev

ブートストラップ3-12列目の前に6列のcols-sm-2ラッピング

分類Dev

スペイシーのen_core_web_sm、en_core_web_md、en_core_web_lgモデルの違いは何ですか?

分類Dev

GPUのSMに2つのワープスケジューラがあるのはなぜですか?

分類Dev

「col-xs-12col-sm-6col-md-4col-lg-3」とcol-xs-12ページの中央

分類Dev

sm、md、lg、xlの代わりにピクセル値でMaterial-UIブレークポイントを使用する

分類Dev

Samsung SM961 M2NVMeドライブにWindows7をインストールすることはできませんが、OSを正常にインストールした後はドライブを使用できます。どうして?

分類Dev

Twitterブートストラップでは、左の列の行を2つに分割し、md / sm遷移に中央と右の列を含める必要があります

分類Dev

Who is sm-msp-queue and how does he/she/it flood my /var/log/syslog?

分類Dev

ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します

分類Dev

ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します

分類Dev

ng-repeatでangularjsでソートする方法は?:<li class = "col-lg-3 col-md-4 col-sm-6" ng-repeat = "item in eventsFromCatalogData | orderBy:item.id">

分類Dev

col-sm-12が、col-smがブートストラップに含まないマージンを追加するのはなぜですか?

分類Dev

スタック: 'hdevtoolsはライブラリの依存関係ですが、my-appはビルドターゲットであるため、パッケージは必要なライブラリを提供しません。

Related 関連記事

  1. 1

    4つのimgを持つブートストラップ(col xs-12 col-sm-6 col-md-2 col-lg-2)の行を中央に配置するにはどうすればよいですか?

  2. 2

    ブートストラップで複数のcol- [lg | md | sm | xs]-を使用するのはなぜですか?

  3. 3

    ブートストラップのSEOへの影響が見える-lg / md / sm / xs-クラス

  4. 4

    mdまたはlgビューのブートストラップ4で固定位置にある場合、smまたはmdビューでh1の位置を絶対化するにはどうすればよいですか。

  5. 5

    ブートストラップブレークポイント...いくつかの説明が必要です 'xs sm md lg'

  6. 6

    (xs:0、sm:576px、md:768px、lg:992px、xl:1200px)がSassmeisterで有効なCSS値ではないのはなぜですか?

  7. 7

    ブートストラップ4応答ユーティリティが表示される/非表示のxs sm lgが機能しない

  8. 8

    Bootstrapのcol-lg-*、col-md- *、col-sm- *の違いは何ですか?

  9. 9

    Select2はブートストラップ入力を適用します-lg

  10. 10

    xs / smに折りたたんでから、Google Chromeでmdまたはlgに戻る(サイズを変更する)と、ブートストラップリストの配置が失われます。

  11. 11

    smディスプレイで2行にまたがるブートストラップ4フォーム行のフィールド間にマージンを作成するにはどうすればよいですか?

  12. 12

    Bootstrap 3のグリッドクラス(col-sm-#およびcol-lg-#)を理解する

  13. 13

    Pradicate my_flatten / 2がネストされたリスト構造をフラット化しないのはなぜですか?(プロローグ)

  14. 14

    col-lg-2 col-md-4 col-6がブートストラップ4で機能していません。モバイルビューでは、col-6ではなくcol-md-4で表示されます。

  15. 15

    twitterブートストラップでcol-sm-4を2つの等しい列と1行の下部に変換したい

  16. 16

    ブートストラップの「col-md-4」、「col-xs-1」、「col-lg-2」の数字の意味

  17. 17

    ブートストラップ3-12列目の前に6列のcols-sm-2ラッピング

  18. 18

    スペイシーのen_core_web_sm、en_core_web_md、en_core_web_lgモデルの違いは何ですか?

  19. 19

    GPUのSMに2つのワープスケジューラがあるのはなぜですか?

  20. 20

    「col-xs-12col-sm-6col-md-4col-lg-3」とcol-xs-12ページの中央

  21. 21

    sm、md、lg、xlの代わりにピクセル値でMaterial-UIブレークポイントを使用する

  22. 22

    Samsung SM961 M2NVMeドライブにWindows7をインストールすることはできませんが、OSを正常にインストールした後はドライブを使用できます。どうして?

  23. 23

    Twitterブートストラップでは、左の列の行を2つに分割し、md / sm遷移に中央と右の列を含める必要があります

  24. 24

    Who is sm-msp-queue and how does he/she/it flood my /var/log/syslog?

  25. 25

    ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します

  26. 26

    ブートストラップ3.3特定の幅でcol-lg-10をcol-lg-12に展開します

  27. 27

    ng-repeatでangularjsでソートする方法は?:<li class = "col-lg-3 col-md-4 col-sm-6" ng-repeat = "item in eventsFromCatalogData | orderBy:item.id">

  28. 28

    col-sm-12が、col-smがブートストラップに含まないマージンを追加するのはなぜですか?

  29. 29

    スタック: 'hdevtoolsはライブラリの依存関係ですが、my-appはビルドターゲットであるため、パッケージは必要なライブラリを提供しません。

ホットタグ

アーカイブ