调整大小为移动视图时如何从引导轮播流体中移除排水沟？答案

【问题标题】：How to remove the gutter from bootstrap carousel fluid when resized to mobile view?调整大小为移动视图时如何从引导轮播流体中移除排水沟？
【发布时间】：2013-06-21 02:57:07
【问题描述】：

大家好，我在引导程序中有一个基本的轮播，但是当我调整到移动视图的大小时，突然左右两边出现了一个排水沟？有谁知道如何阻止这种情况发生！非常感谢您的帮助。

【问题讨论】：

标签： twitter-bootstrap grid fluid gutter

【解决方案1】：

您需要在您的 CSS（或多个）中创建一个媒体查询来完成此操作。

这是一个示例，说明如何以“移动”分辨率从正文中删除填充和边距。

@media (max-width: 767px) {
    body{
        padding: 0;
        margin: 0;
    }
}

【讨论】：

感谢您的回复，但是当我在桌面浏览器上调整大小时，轮播仍然有一个排水沟？
正如@Skelly 指出的那样，看起来它是应用了填充的body 元素。

【解决方案2】：

我认为您需要像这样更改正文填充..

@media (max-width: 767px) { 
    body {
        padding-left: 0;
        padding-right: 0;
    }
}

演示：http://bootply.com/59900

【讨论】：

非常感谢，现在可以按我的意愿工作了。放大后，字幕框从屏幕上消失了，但我将其位置更改为相对，这似乎起到了作用。再次感谢
测试项目时，当我将左右控件调整为更小的大小时，不会随着轮播将其大小调整为更小的页面，就好像它是全尺寸一样？请有任何想法！