Less 引导程序3:如何将默认网格设置为960px宽度?

Less 引导程序3:如何将默认网格设置为960px宽度?,less,twitter-bootstrap-3,Less,Twitter Bootstrap 3,我正在使用Bootstrap3,客户端希望将网站容器宽度设置为960px。我是直接编辑CSS文件还是最好的方式?我听说了一些关于“少”的事。我是否自定义下载?谢谢 更新:该站点不需要响应,因此我可以禁用响应性,只需将960px宽度添加到CSS中即可,或者这会在其他地方引起问题吗?最简单的方法是将所有内容像这样包装在一个容器中 .container-fixed { margin: 0 auto; max-width: 960px; } 或者,您可以使用更少的/自定义构建:引导grids

我正在使用Bootstrap3,客户端希望将网站容器宽度设置为960px。我是直接编辑CSS文件还是最好的方式?我听说了一些关于“少”的事。我是否自定义下载?谢谢


更新:该站点不需要响应,因此我可以禁用响应性,只需将960px宽度添加到CSS中即可,或者这会在其他地方引起问题吗?

最简单的方法是将所有内容像这样包装在一个容器中

.container-fixed {
  margin: 0 auto;
  max-width: 960px;
}


或者,您可以使用更少的/自定义构建:

引导gridsystem是流动的。这意味着它是按百分比工作的

所以只需设置页面包装器的宽度,就可以开始了

HTML:


对于Bootstrap3,您可以将其自定义为默认值为960px()

  • 将@container-large-desktop从((1140px+@网格槽宽度))更改为((940px+@网格槽宽度))
  • 将网格边沟宽度从30px更改为20px

  • 然后下载自定义版本的引导并使用它。现在默认值应该是960px。

    我希望最大宽度为810px,所以我使用了如下媒体查询:

    @media (min-width: 811px) {    
        .container{
            width:810px;
        }
    }
    

    它是否适用于所有其他元素?(例如,我指导航条。)如果你把所有东西都放在容器中,它就会。不要认为把导航条放在.container中是正确的方法(但可能是错误的)
    navbar
    s通常被包装在
    容器中。请看引导示例。如果你想覆盖所有的
    容器,你可以这样做:--否则就少用一些。由于我不需要响应功能,我可以禁用它,然后将容器宽度设置为960px,如该链接的第2步所述。你会怎么想?如果你不想让网站有响应性,为什么要使用Bootstrap?为了在创建布局和使用各种按钮、元素、图标等时加快开发时间。您好,请选择此问题的答案。。谢谢你的答案:亨利,谢谢你的回答。我刚刚查看了文档,只看到了以下内容:“容器大型桌面”。您提到要更改“容器lg”。你确定那是要换的吗?也许刚刚发布的这个新版本有什么不同?另外,当新版本的BS发布时,我如何安全地更新我的文件?您好@redshift,您说得对。。参见发行说明(),他们刚刚于2014年1月30日发布了v3.1.0。之前我提到过“集装箱lg”,但现在已经改变了。。现在我们必须将“容器大桌面”从((1140px+@网格边沟宽度))更改为((940px+@网格边沟宽度))。还记得将“网格槽宽度”从30px更改为20px。说到新版本的BS发布时如何安全地更新文件。。我认为,首先,检查新版本中的更改,然后升级到新版本,看看有什么中断,然后从那里开始修复它们。这可能是乏味的,但随着经验的积累,它会变得更容易。此外,您可能不想升级到每个新的BS版本,而是只选择实质性的版本。这是我的意见。。谢谢你,谢谢!媒体断点呢。我搞砸了吗?嘿,你可以很容易地改变断点以及(在。。只要看看它:)
    
    .page-wrapper {
        width: 960px; /* Your page width */
        margin: 0 auto; /* To center your page within the body */
    }
    
    @media (min-width: 811px) {    
        .container{
            width:810px;
        }
    }