0

我有麻烦使用容器类的引导,因为我需要一个响应100%宽度的封面。如果我使用这个课程,我会在左侧和右侧留出一点空白。所以我想要这个利润率。我该怎么做,仍然得到响应?Bootstrap中心100%宽度覆盖响应

这里是容器类:

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

如果我用COL-12类谁是100%的宽度,则图像会向一侧时我调整,我需要一个居中的图像时我调整。

下面是一个使用容器类的封面上,你看到右边和左边距

enter image description here

这是看如果我使用COL-12级:

enter image description here

这是我需要但没有利润。 (当然,只有当我在100%)

enter image description here

感谢。

+0

您是否正在加载bootstrap-responsive.css? – keeg

+0

我使用引导程序3,现在引导程序responsive.css它集成在bootstrap.css,我得到响应如果我使用容器类,但与我不想要的边缘。 – unixeO

+0

所以你希望图像在任何时候都是窗口宽度的100%? – keeg

回答

1

我固定的100%的宽度改变这一点:

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

要这样:

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

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

+0

有没有办法使它的工作,无论是什么样的屏幕分辨率?引导程序2可以处理流体。 – liuhongbo

+1

对于屏幕分辨率超过1280像素的任何人,这不是一个解决方案。 – carpeliam