为什么 CSS 样式没有应用于页面？答案

【问题标题】：Why are the CSS styles not being applied to the page?为什么 CSS 样式没有应用于页面？
【发布时间】：2014-10-30 12:45:44
【问题描述】：

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

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

我正在使用资产链接到我的 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 %}

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

【问题讨论】：

你能看到html源码中的类名吗？
链接标签上不用设置type="text/css"吗？

标签： css symfony twig assetic

【解决方案1】：

我遇到了同样的问题，试试这个语法：

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

当然别忘了安装资产：

php app/console assets:install web --symlink

【讨论】：

【解决方案2】：

我不能评论，但我的建议是检查生成网页的页面源，然后你可以检查 symfony 正在寻找资源的目录。

【讨论】：