12 列引导程序。响应式网站最大宽度

Question

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

主题的宽度设置为1230px。当你慢慢地让浏览器变小时——响应能力开始发挥作用并使其宽 1000 像素，这对我来说是一个完美的宽度。我想将宽度固定为 1000px。

您能给我一些关于如何去做的想法吗？

不知道这是否可能，但也许有一种方法可以通过“假装”浏览器不足以显示完整的 1230 像素来将网站的宽度限制为 1000 像素。

如果造成混淆，请见谅。

谢谢。

法学博士

Answer 1

抱歉，您的问题有点令人困惑，但希望对您有所帮助。这是您需要在样式表中使用的 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 */
    }
}