自定义bootstrap宽度不知道如何

Question

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

• 网站宽度：1590px;
• 容器宽度：1530px;
• 栏目排水沟：30px;
• 列宽：230px;

我知道你不应该触摸bootstrap默认的css文件，所以如果我创建一个custom.css文件，我该把它放在哪里？

虽然我不知道LESS / SASS。

Answer 1

带引导程序的第一条规则是永远不要改变文件上的东西^^所以如果你想要那样的东西，最好是创建另一个CSS文件，复制它上面的引导程序并进行一些修改

Answer 2

  

只需覆盖自定义CSS中现有的bootstrap类。

例如：

CSS：

.container { 
      width: 1530px;
 }

类似地，其他类可以具有Bootstrap的现有属性的新值。

Answer 3

首先，我建议不要在容器中使用固定宽度（以像素为单位），因为这会导致响应行为松散。改为使用百分比值（默认为100％），定义最大宽度：1590px;用于容器和使用填料：0 30px;左右间距。

在Bootstrap中，所有列也使用百分比值。使用col类为1/6的宽度为230px的列（请参阅此处：http://getbootstrap.com/css/#grid-options）

30px的沟槽宽度是Bootstrap默认的沟槽宽度，15px左和右。右。