欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css colmd

錢斌斌2年前12瀏覽0評論

CSS Colmd是Bootstrap框架中用于處理響應式布局的一個組件。Colmd意指"column medium(中等屏幕)",指的是在中等屏幕上的柵格系統布局。以下是colmd的具體用法。

1st column
2nd column
3rd column

在上面的示例中,使用了一個container包裹一個row,row里面有三個col-md-4(總12欄平均分成三個,每個占4個欄),表示在中等屏幕上,三個塊都是等寬(每個占1/3)的。如果在小屏幕上使用colmd,那么會表現為每個塊都會自適應屏幕寬度,相當于使用col-xs-4(總12欄平均分成三個,每個占4個欄)。

如果希望在中等屏幕上,也可以控制每個塊的寬度不同,可以使用不同的col-md-n來實現(n為1-12的數字)。比如:

1st column
2nd column
3rd column

在上面的示例中,使用了col-md-3、col-md-6和col-md-3三個類,表示在中等屏幕上,第一個塊占3/12,第二個塊占6/12,第三個塊占3/12。在小屏幕上,三個塊都會自適應屏幕寬度。

除了col-md之外,Bootstrap框架還提供了其他多個類似的屏幕大小類(如col-xs、col-sm、col-lg等),可以根據實際需求選擇和組合使用。