带有Less for Bootstrap 2的自定义网格

时间:2014-09-09 03:24:49

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

我正在开发一个容器宽度为940px的Joomla网站(最高可达1000px,但不能更宽)。令人遗憾的是,Joomla 3坚持使用Bootstrap 2.BT 2.3.2的在线定制器早已不复存在。我以前做的是勾选除大屏幕以外的所有内容,并使用该版本。默认的Bootstrap,减去大屏幕设置。

现在我必须在Less中做同样的事情,而我还没有这样做。谁可以给我一些提示?

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

我知道我完全错了,所以我的问题。

1 个答案:

答案 0 :(得分:0)

  1. https://github.com/twbs/bootstrap/archive/v2.3.2.zip
  2. 下载Bootstrap源文件
  3. 打开less / responsive.less文件,删除或注释掉@import "responsive-1200px-min.less";
  4. 通过运行以下命令重新编译bootstrap-responsive.css:lessc -x less/responsive.less bootstrap-responsive.css
  5. 将原始bootstrap-responsive.css替换为您在步骤3中编译的文件
  6. 不需要更改bootstrap.css文件。当然,您也可以使用以下命令重新编译该文件:lessc -x less/bootstrap.less bootstrap.css