在Symfony 2项目中安装Bootstrap主题

时间:2014-04-14 16:59:05

标签: php html css twitter-bootstrap symfony

我正在考虑在我的SF2项目中安装this theme,我注意到页面顶部有4个文件要下载,即:

  • bootstrap.min.css
  • bootstrap.css
  • variables.less
  • bootswatch.less

我已经成功安装了less.php(oyejorge/less.php)解析器以及bootstrap本身,我有Assetic设置将所有CSS压缩在一起并将其输出到页面:

<link href="/app_dev.php/css/425e28c.css" type="text/css" rel="stylesheet">

但是,我想在上面的链接中安装超级英雄主题,但我找不到有关如何执行此操作的任何教程?是否只是覆盖variables.less和导入bootswatch.less

的情况

1 个答案:

答案 0 :(得分:1)

另请阅读https://github.com/thomaspark/bootswatch上文档的使用情况和自定义部分。

如果你想按原样使用主题(没有自定义),你应该只在你的HTML中包含bootstrap.min.css或bootstrap.css:

<link href="/bootstrap.min.css" type="text/css" rel="stylesheet">

或者,您可以编译自己的主题版本:

  1. http://getbootstrap.com/getting-started/#download
  2. 下载Bootstrap的源文件
  3. 在源文件中,使用bootswatch
  4. 中的下载替换less / variables.less文件
  5. 将bootswatch.less复制到bootstrap源文件的less目录中
  6. 然后,打开less / bootstrap.less并在此文件的末尾添加以下代码行:@import "bootswatch"
  7. 按照Error while executing assetic dump (parse error: failed at `&:extend(.clearfix all);`)
  8. 所述编译修改后的引导程序

    另请注意,Bootstrap会将供应商前缀的自动修复程序添加到其构建过程中。 less / mixins / vendor-prefixes.less中的供应商前缀mixins自v3.2.0起不再使用。因此,您也应该在资产配置中添加https://packagist.org/packages/bit3/assetic-autoprefixer