html – Bootstrap 3.3.7“row”导致水平滚动条

概述好的,我知道.这个问题已被问到很多.但是,到目前为止,我还没有找到一个有效的解决方案.我把我的页面简化为只有这个： <div class="row"> <div class="col-sm-12"> stuff </div></div> 还有一个水平滚动条.在开发工具中,我可以找到行： .row { margin-right: -15px; mar 好的,我知道.这个问题已被问到很多.但是,到目前为止,我还没有找到一个有效的解决方案.我把我的页面简化为只有这个：

<div >    <div >        stuff    </div></div>

还有一个水平滚动条.在开发工具中,我可以找到行：

.row {    margin-right: -15px;    margin-left: -15px;}

如果我取消点击margin-right：-15px;然后问题就消失了.但是,在我的实际页面上(包含所有内容),这会产生另一个问题.该页面需要零利润,但现在右边的利润率为15px.

其中一个答案here悲伤包裹的行与容器的液体.另一个说要将它包装在容器中.这两个确实使滚动条消失,但它们也给页面边缘,我不能.

我发现threads早在2013年就已经讨论过了.这真的没有修好吗？

我需要做什么？

还有：小提琴

https://jsfiddle.net/oLx4g8e3/1/

解决方法 首先,如果您的部分是100％宽,则不需要行或col- * 12类,请查看 this bootstrap示例,他们没有采用任何行或col- * 12既没有标题也没有jumbotron.如果您的部分有列,请在col- *类中取行

<div >    <div >stuff</div></div><div >    <div >stuff</div></div>

Fiddle

或者如果您使用容器液体

<div >    <div >        <div >            <div >stuff</div>        </div>        <div >            <div >stuff</div>        </div>    </div></div>

Fiddle

总结

以上是内存溢出为你收集整理的html – Bootstrap 3.3.7“row”导致水平滚动条全部内容，希望文章能够帮你解决html – Bootstrap 3.3.7“row”导致水平滚动条所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。