删除horizantal滚动条

Question

我正在创建一个模拟酒店网站，我在我的页面添加了一个旋转木马，以显示不同地方的图​​片。我希望图片适合导航栏下的整个页面。但是当我创建一个评级面板时，我得到了一个水平滚动条。我该怎么做才能删除它？

该小组处于<!--- Panel -->评论之下 https://codepen.io/anon/pen/BogMKq

Answer 1

你可以使用overflow-x：hidden

Answer 2

页面缺少包装.container。

添加包含课程container的包装div并调整其max-width。

Answer 3

这是因为.row有负余量这一事实。如果将该div包装在.container-fluid内，水平滚动将消失。

.container-fluid将保留父元素的全宽，.container的最大宽度随媒体查询而变化。

为了将来的使用，我建议您正确阅读有关其网格系统的bootstrap文档=）

Answer 4

#main-carousel { overflow: hidden; }

这应该可以解决问题。