html - 自定义 Bootstrap 宽度不知道如何

Question

我需要为我正在创建的网站实现以下自定义宽度，但不清楚如何执行此操作以覆盖 Bootstrap 默认值:

• 网站宽度:1590px；
• 容器宽度:1530px；
• 列间距:30px；
• 列宽:230px；

我知道你不应该触及 bootstrap 默认的 css 文件，所以如果我创建一个 custom.css 文件，我应该在里面放什么？

虽然我不知道 LESS/SASS。

Answer 1

首先，我建议不要为容器使用以像素为单位的固定宽度，因为这样会失去响应行为。使用百分比值代替(默认为 100%)，定义最大宽度:1590px；对于容器并使用填充:0 30px；用于左右间距。

在 Bootstrap 中，所有列也都使用百分比值。通过使用 1/6 的 col 类获得的 230px 宽度的列(在此处查看更多信息:http://getbootstrap.com/css/#grid-options)

30px 的 gutter-width 是 Bootstrap 默认的 gutter-width，左右各 15px。