php - 在 Symfony 2 元素中安装 Bootstrap 主题

Question

我正在考虑安装 this theme在我的 SF2 元素中，我注意到页面顶部有 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">

但是，我想在上面的链接中安装 Superhero 主题，但我找不到任何关于如何安装的教程？只是覆盖variables.less的情况吗？并导入 bootswatch.less ？

Answer 1

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

如果您想按原样使用主题(无需自定义)，您只需将 bootstrap.min.css 或 bootstrap.css 包含到您的 HTML 中:

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

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

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

另请注意，Bootstrap 将供应商前缀的自动前缀添加到其构建过程中。 less/mixins/vendor-prefixes.less 中的供应商前缀混合从 v3.2.0 开始被弃用。所以你应该添加 https://packagist.org/packages/bit3/assetic-autoprefixer也适用于您的 Assets 配置。