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

Question

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

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

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

不知道这是否可能，但也许有一种方法可以通过“假装”浏览器不够大以显示完整的 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 */
    }
}