這是示例鏈接：http : //bootply.com/76369這是我使用的html。<div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div></div>引導程序3沒有容器流體和行流體。我不能用.container類包裝它，因為它將變成固定的布局。如何使其流暢（全頁寬度）布局？（不帶水平滾動條）這些標記。當您在結果中查看時，x滾動條可見，因此您可以向左和向右滾動，而不應該滾動。編輯時間：2015年12月9日自3.1.0版以來，已經得到了答案，并且Bootstrap已經發布了修復程序
3 回答
守候你守候我
TA貢獻1802條經驗 獲得超10個贊
我也有它，在等待他們修復它時，我添加了這個可恥的CSS：
body { overflow-x: hidden;}
這是一個可怕的選擇，但確實有效。當他們解決此問題后，我很樂意將其刪除。
正如該問題所指出的，另一種替代方法是重寫.row：
.row {
margin-left: 0px;
margin-right: 0px;
}
躍然一笑
TA貢獻1826條經驗 獲得超6個贊
在Bootstrap 3中，.row必須在.container或內部使用，.container-fluid以抵消行上的負邊距。這將消除水平滾動條。
從文檔...
“必須將行放置在.container（固定寬度）或.container-fluid（全角）內，以正確對齊和填充?！?/p>
引導程序4
該container> row> col關系工作方式一樣3.X ...
“容器是Bootstrap中最基本的布局元素，在使用我們的默認網格系統時是必需的”
- 3 回答
- 0 關注
- 739 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消