布局的時候什麼時候用xs,sm,md,lg

時間 2021-06-03 06:47:53

1樓:愛要不留餘力

當你想要內容大小隨著螢幕大小自動適應的時候就可以使用bootstrap,也就是在pc端以及不同手機(顯示屏大小不同)端內容也能夠正常顯示的時候。

一行最多佔十二個標籤,不管是大屏還是超小屏的時候。

col-lg一般用於大屏裝置,

(min-width:1200px);

col-md一般用於中屏裝置,

(min-width:992px);

col-sm一般用於小屏裝置,

(min-width:768px);

col-xs用於超小型裝置,

(max-width:768px);

後面跟數字是幾,也就是佔幾份,

比如是4,也就是一行可以顯示3個;

或者12,就是一行可以顯示1個。

關於使用,一般設定的話四個屬性都用到會比較好,這樣就可以在不同螢幕上很好的展示。

比如你有了12個section標籤,你想讓他們在不同螢幕大小的時候有不同的展示方式,大屏時一行顯示6個,中屏時一行顯示3個,小屏時一行展示2個,超小屏一行展示1個,你就可以在每乙個section標籤裡面這樣寫:

2樓:

small grid (≥ 768px) = .col-sm-*,

medium grid (≥ 992px) = .col-md-*,

large grid (≥ 1200px) = .col-lg-*.

3樓:

如果要相容所有解析度

都用.舉個栗子:

lg=4 md=4 sm=12 xs=12詳見 全域性 CSS 樣式 · Bootstrap v3 中文文件

什麼時候用 Chinese,什麼時候用 China s,什麼時候用 of China?

已登出 s強調屬於某人,of強調被屬於的東西。比如my father s friend強調father s,a friend of my father強調friend。Chinese通常表示 中式的 但其實也可以用來表示 中國的 中國經濟最好說成China s economy,但說成Chinese ...

什麼時候用do u 提問 什麼時候用are u 提問?

學而思teacher 句子的謂語動詞分為兩種,一種是am is are 這類be 動詞。一種是實意動詞 即有實際意義的詞比如跑跳吃等等 陳述句中如果是be 動詞,提問就用be 放句首。如果是實意動詞,就把do does 放句首。 楊友建 Do you 是由 主語 動詞 演變而來的。Are you是由...

英語中什麼時候用to,什麼時候不用to?

書徑海 1 to do 側重於具體的一次性的動作。2 doing 則側重於習慣性的動作。一 to do 讀音 英 tu du 美 tu du 釋義 要去做。語法 動詞不定式,為非謂語動詞。在英語語法中,動詞不定式是指動詞中的一種不帶詞形變化從而不指示人稱 數量 時態的一種形式。它之所以被稱做不定式,...