Bootstrap的柵格布局超級方便我們寫網頁。但是在不是全體配合使用的情況下,會出現橫向滾動條的現象。
什么叫不是配合使用的情況呢?
一種情況是:你使用了row作為你的第一層父元素;而row是有樣式:margin-left: -15px;margin-right:-15px。
就是這兩個負數和作為第一層div導致了橫向滾動條的出現。
其實這個row這樣設計是與bootrap設計的container作為row父級配合的。所以在使用的時候:
* 盡可能不把row放在某塊的最外層元素;
* 即使想,那就給個確定的寬;
* 或者加個container做其父級元素;
* 當然,直接修改row的樣式也是可以的:margin-left: 0; margin-right: 0.