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

标签 html css twitter-bootstrap

我需要为我正在创建的网站实现以下自定义宽度,但不清楚如何执行此操作以覆盖 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/

相关文章:

javascript - text-overflow 属性自定义样式

JavaScript Cookie 不基于 URL 属性写入

php - 如何通过表单发送 <div> 值的动态值

html - Bootstrap - 当容器为桌面大小时,流体行没有填充/边距

html - 40/60 带容器的分屏

html - 我的媒体查询在移动设备上不起作用,我已经添加了视口(viewport)

javascript - 隐藏元素并防止访问者操纵代码

javascript - 如何在 condent 可编辑框中禁用 %

ruby-on-rails - 有没有一种方法可以测试(单元/集成)CSS 是否应用于预期的 HTML 元素?

html - 如何在选择下拉列表项时更改图像