css - 为什么 CSS 样式没有应用到页面？

Question

我正在开发 Symfony2 应用程序。我正在自定义 FOSUserBundle 中的 layout.html.twig 文件。

当我在浏览器中重新加载页面时，我在文件中所做的任何 HTML 更改都会立即显现出来。

我正在使用 assetic 链接到我的 CSS 和 JS 文件。它们似乎已成功链接，当我从网页源代码中单击它们的路径时，文件内容将加载。

但是，我在页面元素上指定的 CSS 类似乎没有应用它们的样式。我不明白这是为什么。

这是我用来链接到 JS 和 CSS 的语法:

    {% javascripts 
        'bundles/sysdevpunctuality/js/jquery-2.1.1.min.js'
        'bundles/sysdevpunctuality/bootstrap-3.2.0-dist/js/bootstrap.min.js' 
         %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

    <!-- Bootstrap -->
    {% stylesheets 'bundles/sysdevpunctuality/bootstrap-3.2.0-dist/css/bootstrap.css' filter='cssrewrite' %}
        <link rel="stylesheets" href="{{ asset_url }}" media="screen" />
    {% endstylesheets %}

感谢有关我如何调试此问题的任何提示。

Answer 1

我有同样的问题，试试这个语法:

{% block stylesheets %}
    <link href="{{ asset('bundles/sysdevpunctuality/bootstrap-3.2.0-dist/css/bootstrap.css') }}" type="text/css" rel="stylesheet" />
{% endblock %}

当然不要忘记安装 Assets :

php app/console assets:install web --symlink