我需要为我正在创建的网站实现以下自定义宽度,但不清楚如何执行此操作以覆盖 Bootstrap 默认值:
- 网站宽度:1590px;
- 容器宽度:1530px;
- 列间距:30px;
- 列宽:230px;
我知道你不应该触及 bootstrap 默认的 css 文件,所以如果我创建一个 custom.css 文件,我应该在里面放什么?
虽然我不知道 LESS/SASS。
最佳答案
首先,我建议不要为容器使用以像素为单位的固定宽度,因为这样会失去响应行为。使用百分比值代替(默认为 100%),定义最大宽度:1590px;对于容器并使用填充:0 30px;用于左右间距。
在 Bootstrap 中,所有列也都使用百分比值。通过使用 1/6 的 col 类获得的 230px 宽度的列(在此处查看更多信息:http://getbootstrap.com/css/#grid-options)
30px 的 gutter-width 是 Bootstrap 默认的 gutter-width,左右各 15px。
关于html - 自定义 Bootstrap 宽度不知道如何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36233527/