2016-06-30 53 views
0

Bootstrap有4個屏幕尺寸md, sm, lg and xsbootstrap屏幕尺寸困境?

我剛發現這些屏幕尺寸或斷點隨分辨率而變化。

我在屏幕上標記了不同分辨率的breakpoint of md,它們都不同。

現在,我的問題是我們怎樣才能確保佈局是我們想要的,因爲屏幕斷點似乎隨屏幕分辨率而變化,並且不同的設備具有不同的屏幕分辨率?

如果sm, md, lg and xs breakpoints對於所有設備都是相同的,但這似乎並不是這樣,那將很容易。我很感謝任何幫助解決這個困境。謝謝!

回答

2

爲了避免斷點,你可以切換到使用的container-fluid代替container類的含DIV,像這樣:而不是

<div class="container-fluid"> 
    ... 
</div> 

<div class="container"> 
    ... 
</div> 

更多信息可以在這裏找到http://getbootstrap.com/css/#overview-container

+1

謝謝!我想我現在明白流體和容器之間的區別。它看起來像容器是靜態的,流體會調整列的寬度。 – kofhearts

+0

恭喜!你明白了! –

1

請注意,使所有的md,sm,lg和xs在相同的屏幕尺寸下斷開將是n這是一個很好的解決方案。然而,你可以做到這一點 - 實現這一目標的

2種方式: 去bootstrap.css並找到所有引用參考@media並將其更改爲相同的值 如 @media(最大寬度:480像素){ ... }

或另一種方式是重新編譯少=> CSS 去variables.less - 轉到行248:https://github.com/twbs/bootstrap/blob/master/less/variables.less

和更新的價值觀上的所有屏幕尺寸。然後編譯它並繁榮你擁有它。

希望可以幫到