用于 Bootstrap 2 的带有 Less 的自定义网格答案

【问题标题】：Custom grid with Less for Bootstrap 2用于 Bootstrap 2 的带有 Less 的自定义网格
【发布时间】：2014-09-09 03:24:48
【问题描述】：

我正在开发一个容器宽度为 940 像素（最大为 1000 像素，但不能更宽）的 Joomla 网站。遗憾的是，Joomla 3 坚持使用 Bootstrap 2。BS 2.3.2 的在线定制器早已不复存在。我以前做的是勾选除大屏幕之外的所有内容，并使用该版本。默认引导程序，减去大屏幕设置。

现在我必须在 Less 中做同样的事情，但我还没有这样做。谁能给我一些建议？

将 responsive-1200px-min.less 从 @media (min-width: 1200px) 更改为 @media (min-width: 940px)，然后将 bootstrap.less 压缩到 bootstrap.css 并替换 bootstrap.css CSS 文件夹不起作用。

我知道我这样做完全错误，因此我提出了问题。

【问题讨论】：

标签： twitter-bootstrap joomla less twitter-bootstrap-2

【解决方案1】：

在https://github.com/twbs/bootstrap/archive/v2.3.2.zip 下载引导源文件
打开less/responsive.less 文件并删除或注释掉@import "responsive-1200px-min.less"; 行
通过运行以下命令重新编译 bootstrap-responsive.css：lessc -x less/responsive.less bootstrap-responsive.css
将您原来的 bootstrap-responsive.css 替换为您在第 3 步中编译的文件

不需要对您的 bootstrap.css 文件进行任何更改。当然你也可以重新编译该文件，使用以下命令：lessc -x less/bootstrap.less bootstrap.css

【讨论】：