Bootstrap旋转木马，右侧的白色空间

Question

我正在将一个网站作为一个工作申请，并且在移动视图中，在我的旋转木马的右侧遇到了一些非常烦人的问题，包括一些不需要的空白。

我想我已经编辑了我能想到的每一个元素，但仍然没有运气。很想得到一些帮助。

JSFiddle

Code in fiddle

Link to live site

Answer 1

在你的css中添加如下内容：

.row.carousel-inner {
    margin: 0;
}

修改

如果不起作用，请尝试：

.row {
    margin: 0!important;
}

Answer 2

请将这些样式添加到仅适用于移动设备的媒体查询

.carousel-inner {
    margin: 0;
    padding: 0;
    width: 100% !important;
}
.item {
    width: 100%;
}

Answer 3

使用这个：  <div class="carousel-inner" style"margin= auto "> 这将使右边距和左边距自动调整大小。

Answer 4

对于Bootstrap 3.3.7，我使用了：

<div class="row container-fluid">

这解决了问题，并将“轮播”元素对齐到页面的中间（上层容器）。