如何防止右侧的Bootstrap响应式布局额外空间?

时间:2014-10-27 19:11:42

标签: twitter-bootstrap twitter-bootstrap-3 responsive-design

我正在处理的网站上的所有Bootstrap页面都在内容的右侧有额外的空间。这个额外的空间导致移动,平板电脑和中等屏幕尺寸的水平滚动。当我的浏览器窗口在我的24"屏幕问题不会发生。

我已经搜索过,似乎没有任何答案可以解决我的问题。

  • 我没有说明任何设置为100%的元素(我能找到)的宽度更宽。
  • 我在任何设置为100%
  • 的元素上都没有设置填充
  • 我的主题CSS中有html上的overflow-x:hidden set。

工作地点位于http://www.bizharbour.net/projects/jambalaya

即使在主页上也会发生这种情况,主页上没有任何额外的js插件,例如其他页面上出现的灯箱。

我不知道造成这个问题的原因。

1 个答案:

答案 0 :(得分:0)

......造成这个问题的原因是'轮播指标'类。

如果您覆盖当前代码或更改相应代码,以下代码将解决您的问题。

.carousel-indicators {
  left:auto;
  right:20px;
  margin-right:0;
  width:auto;
}