使用图标与twitter bootstrap和资产

Question

我已配置资产并使用以下配置

assetic:
    assets:
        global:
            inputs:
                - '%kernel.root_dir%/Resources/public/less/global.less'
    debug:          %kernel.debug%
    use_controller: false
    #java: /usr/bin/java
    filters:
        cssrewrite: ~
        less:
            node:       /usr/local/bin/node
            node_paths: [/usr/local/lib/node, /usr/local/lib/node_modules]
            apply_to: "\.less$"

在我的twig文件中,我有以下内容可以完美地打印出css文件.

{% stylesheets filter='less,cssrewrite'
   '@global'
%}
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="screen" />
{% endstylesheets %}

这是我的app/Resources/public/global.less文件

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


/*
* Global Styles
*/
body{
    background: #333;
}

问题是我无法使用Twitter Bootstrap图标,因为它们是404.我的图像目前存在于app/Resources/public/img/我已经尝试了一切以使这些工作,并尝试了所有资产命令.

我需要这里提到的cssembed 吗？我当然希望我不必运行Java来实现这一目标.

Answer 1

我前段时间为此建立了一个解决方案，我不知道是否是最好的方法，但它有效。只需从网络/捆绑包而不是从真实位置调用您的资产即可。然后，您必须先运行 asset:install，然后再运行 assetic:dump。你的资产配置和我的一样。我没有使用较少的过滤器，但我认为这也适用。

{% block head_style %}
{% stylesheets filter='yui_css, cssrewrite' 
        'bundles/bgcomun/css/bootstrap.css'
            'bundles/bgcomun/css/comun.css'
             output='css/compiled/main.css'


    %}
    <link href="{{ asset_url }}" type="text/css" rel="stylesheet"
          media="screen" />
{% endstylesheets %}