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 %}

当然不要忘记安装资产：

php app/console assets:install web --symlink

Answer 2

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

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

2 个答案: