網頁出現橫向滾動條的原因可能是使用bootstrap不當引起


Bootstrap的柵格布局超級方便我們寫網頁。但是在不是全體配合使用的情況下,會出現橫向滾動條的現象。

什么叫不是配合使用的情況呢?
一種情況是:你使用了row作為你的第一層父元素;而row是有樣式:margin-left: -15px;margin-right:-15px。
就是這兩個負數和作為第一層div導致了橫向滾動條的出現。
其實這個row這樣設計是與bootrap設計的container作為row父級配合的。

所以在使用的時候:

    * 盡可能不把row放在某塊的最外層元素;
    * 即使想,那就給個確定的寬;
    * 或者加個container做其父級元素;
    * 當然,直接修改row的樣式也是可以的:margin-left: 0; margin-right: 0.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM