Question

I’d like to manage Twitter Bootstrap git repository using deps file in Symfony2. So i added these lines:

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

and the repository is cloned into Symfony2\vendor\twitter\bootstrap.

Im’ stuck ad this: how can i import the relevant css/js using assetic and how cssrewrite rule works when images are placed into Symfony2\vendor\twitter\bootstrap\img instead of Symfony2\app\Resources\public\img.

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

Answer 1

Here’s how I compile Bootstrap’s LESS to CSS:

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

I’ve installed lessphp — you could use Node.js instead — as a vendor and activated it like this:

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

As for the cssrewrite filter, you don’t need it in this case. If you somehow get Bootstrap images to the web/img folder, it will work. I’m still looking for a neat solution.