bootstrap柵格布局列高怎么設(shè)置？首先，有一種簡單的方法可以將CSS集成到前端庫中。我們可以使用這個(gè)框架進(jìn)行響應(yīng)式布局。因?yàn)樗梢詭椭覀兛焖夙憫?yīng)頁面布局，所以有很多方法可以設(shè)置它的寬度。引導(dǎo)是

bootstrap柵格布局列高怎么設(shè)置？

首先，有一種簡單的方法可以將CSS集成到前端庫中。我們可以使用這個(gè)框架進(jìn)行響應(yīng)式布局。因?yàn)樗梢詭椭覀兛焖夙憫?yīng)頁面布局，所以有很多方法可以設(shè)置它的寬度。

引導(dǎo)是一種網(wǎng)格布局。無論屏幕的寬度是多少，bootstrap都會將屏幕水平劃分為12列，但每列的寬度是不同的

在bootstrap中，您可以使用col LG-*、col MD-*和col SM-*四個(gè)類名，列XS-*在庫文件中設(shè)置Div的寬度。這四個(gè)名稱對應(yīng)于屏幕的四個(gè)寬度范圍。我們需要將適當(dāng)?shù)念悜?yīng)用于適當(dāng)?shù)钠聊弧＿@四個(gè)可以成對組合，也可以多個(gè)或全部組合。

如果是成對組合，當(dāng)屏幕寬度改變時(shí)，只有一個(gè)CSS將起決定性作用。例如，我們合并了col SM和col MD。當(dāng)這兩個(gè)類合并時(shí)，col MD-*用于設(shè)置div在大于或等于992像素時(shí)占用的列數(shù)。列SM-*用于確定div小于或等于992且大于或等于768像素時(shí)占用的列數(shù)。當(dāng)小于768px時(shí)，div的默認(rèn)寬度是父元素寬度的100%

一般來說，我們會設(shè)置MD-*列或SM-*列作為頁面桌面布局的div寬度，但這兩個(gè)類的區(qū)別是，如果只設(shè)置MD-*列，當(dāng)屏幕寬度小于992時(shí)，它將直接是col-xs-12。如果col SM-*小于768px，將是移動版的樣式。我們需要特別注意這一點(diǎn)。通常，當(dāng)它小于768時(shí)，就是移動頁面。