自定义 Twitter Bootstrap 网格不起作用 [英] Customizing Twitter Bootstrap Grid Does not Work

问题描述

我正在尝试制作一个 24 列的网格.我是这样计算的:

I am trying to make a 24 column grid. I calculated this:

网站宽度:997px

列数:24

列宽:31px

装订线宽度:11px

流体列宽:3.1093279839519%

Fluid Column Width: 3.1093279839519%

流体边沟宽度:1.1033099297894%

Fluid Gutter Width: 1.1033099297894%

哪个应该有效，但是当我将它输入到自定义表单 (http://twitter.github.com/bootstrap/download.html) 并下载 span8 是 778px 时它应该是 248px 奇怪的是它仍然上升到span24，所以它正在改变......它只是弄错了.请帮忙！

Which should work, but when I input it into the customize form (http://twitter.github.com/bootstrap/download.html) and download span8 is 778px when it should be 248px the weird thing is that it still goes up to span24, so it IS changing... it's just getting it wrong. Please help!

推荐答案

它对我有用

.span8 {
  width: 325px;
}

.span24 {
  width: 997px;
}

只需检查您是否确实更改了正确的字段，清空浏览器缓存，检查您打开的文件是否正确并使用 这个网址.注意不要被占位符误导.

Just check that you really are changing the right fields, empty your browser cache, check that you are opening the right files and use this url. Be careful not to be misguided by the placeholders.

如果还是不行，可以下载less文件，修改variables.less中的几个变量，自己编译(获取帮助这里 或使用这个 pastebin).

If it's still not working, you can download the less files, change the few variables in variables.less and compile it yourself (get help here or with this pastebin).

这篇关于自定义 Twitter Bootstrap 网格不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！