1

我想使用 Symfony2 中的 deps 文件管理Twitter Bootstrap git 存储库。所以我添加了这些行：

[TwitterBootstrap]
    git=https://github.com/twitter/bootstrap.git
    target=/twitter
    version=v2.0.3

并且存储库被克隆到Symfony2\vendor\twitter\bootstrap.

我卡住了这个广告：我如何使用资产导入相关的 css/js，以及当图像被放入Symfony2\vendor\twitter\bootstrap\img而不是Symfony2\app\Resources\public\img.

 {% stylesheets '????????????????' filter='cssrewrite' %}
     <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
 {% endstylesheets %}
4

4 回答 4

2

下面是我如何将 Bootstrap 的 LESS 编译为 CSS：

{% block stylesheets %}
    {% stylesheets
        '../vendor/bootstrap/less/bootstrap.less'
        output='css/bootstrap.css'
    %}
        <link href="{{ asset_url }}" rel="stylesheet">
    {% endstylesheets %}
{% endblock %}

我已经安装了lessphp——你可以使用 Node.js——作为供应商并像这样激活它：

assetic:
    debug: %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~
        lessphp:
            apply_to: "\.less$"
            file: %kernel.root_dir%/../vendor/lessphp/lessc.inc.php

至于cssrewrite过滤器，在这种情况下您不需要它。如果您以某种方式将 Bootstrap 图像放入该web/img文件夹，它将起作用。我仍在寻找一个简洁的解决方案。

于 2012-05-09T04:13:57.630 回答
2

您是否尝试过使用 MopaBootstrapBundle 实现 twitter 捆绑到 symfony2？https://github.com/phiamo/MopaBootstrapBundle

我还致力于在https://github.com/nysander/MopaBootstrapBundle/tree/initializr分支上实现通过http://Initializr.com生成的 HTML5Boilerplate + TwitterBundle

于 2012-05-08T10:47:56.797 回答
0

正如@nysander 所说，MopaBootstrapBundle 似乎更灵活。

如果你想要一个 twitter-bootstrap 的原始实现，没有任何帮助，这个存储库旨在通过将 Twitter Bootstrap 封装在一个公共文件夹中，将其作为 Symfony 的资产：https ://github.com/chasen/bootstrap

于 2012-05-08T11:19:21.400 回答
0

我通过在我的 web 目录中创建指向 vendor/twitter-bootstrap 的符号链接来实现这一点（如果不这样做，图像将永远无法访问）。但我不记得使用 twitter-bootstrap 图像。

我不在我的树枝模板中导入引导程序，而是在我的项目的 less 文件中，如下所示：

@import "../../../twitter-bootstrap/less/bootstrap";

但是我对这种方法感到头疼。请参阅我写的这个错误报告：https ://github.com/kriswallsmith/assetic/issues/202

于 2012-05-08T10:47:30.560 回答