12列Bootstrap。响应式网站最大宽度

时间:2014-04-29 20:24:47

标签: css twitter-bootstrap responsive-design width

wordpress主题使用12列Bootstrap框架并且响应迅速。对我来说太宽了。我不确定是否可以这样做,但我有一个想法。

主题的宽度设置为1230px。当你慢慢地使浏览器变小时 - 响应性开始并使其宽度为1000px,这对我来说是一个完美的宽度。我想将宽度固定为1000px。

你能不能就如何做到这一点给我任何想法?

不知道是否可能,但也许有一种方法可以将网站的宽度限制为1000px"假装"该浏览器不够大,无法显示完整的1230px。

很抱歉,如果它令人困惑。

感谢。

JD。

1 个答案:

答案 0 :(得分:0)

抱歉,您的问题有点令人困惑,但希望这会有所帮助。这是您需要在样式表中使用的CSS,以修改不同屏幕尺寸的默认容器

@media(max-width:767px){
    .container{
        /* Width for the Container */
    }
}

@media(min-width:768px){
    .container{
        /* Width for the Container */
    }
}

@media(min-width:992px){
    .container{
        /* Width for the Container */
    }
}

@media(min-width:1200px){
    .container{
        /* Width for the Container */
    }
}