Bootstrap居中100%宽度覆盖响应

时间:2013-08-03 00:41:03

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

我使用容器类引导程序时遇到麻烦,因为我需要一个响应性100%宽度的封面。如果我使用这个课程,我会在左侧和右侧获得一个小的余量。所以我想要利润率。我怎么能这样做并且仍能得到回应?

这是容器类:

.container {
    margin-left: auto;
    margin-right: auto;
}

如果我使用100%宽度的col-12类,当我调整大小时图像会转到一边,当我调整大小时我需要居中的图像。

以下是使用容器类的封面,您会注意到左右边距

enter image description here

如果我使用col-12类,那就是这个样子:

enter image description here

这就是我所需要的,但没有边缘。 (当然只有当我达到100%时)

enter image description here

感谢。

1 个答案:

答案 0 :(得分:1)

我修正了100%的宽度,改变了这个:

@media (min-width: 1200px) {
    .container {
    max-width: 1170px;
    }
}

对此:

@media (min-width: 1200px) {
    .container {
    max-width: 1280px;
    }
}

那是因为1280px是我屏幕的分辨率。