2017-09-08 67 views
0

我有引導的問題3.0.0引導電網1太小2太寬

我有一個網格系統,看起來像這樣:

此圖片是COL-MD-2:

This image is with col-md-2 此圖像是具有COL-MD-1:

This image is with col-md-1

因此col-md-2太寬,col-md-1太小。我知道你不能使用col-md-1.5所以還有其他方法可以解決這個問題嗎?

+0

發表您的代碼,不可能從圖像中知道 – mlegg

+0

減少容器寬度,使用邊距,文本對齊,....或不要使用引導類爲這一點,並使自己的風格 –

+0

除了覆蓋或調整預定義的列寬外,沒有什麼可以做的。此外,自舉網格系統基於百分比。除非您在某處設置了靜態寬度,否則列寬將根據屏幕大小和分辨率而變化。 – Mark

回答

0

評論還提示了這一點,但是要獲得所需外觀的唯一方法是如果爲特定元素製作自定義規則(或進行一些內聯​​樣式)。

因此,請保持樣式爲col-md-1col-md-2,以接近您的目標尺寸爲準,然後使用任意名稱添加自定義樣式併爲其指定寬度/邊距等。這恰好適合。

由於我看不到代碼,我不能完全告訴你我做什麼不同,但我個人會盡我所有的樣式(col更適合身體內容對齊),結合使用navbarbtn組件創建導航欄,並將所有對齊工作留給完全自定義樣式。

希望能有所幫助。