2014-10-30 46 views
0

我正在使用Symfony2应用程序。我正在从FOSUserBundle中定制layout.html.twig文件。当我重新加载页面在浏览器为什么CSS样式不适用于页面?

更改任何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 %} 

欣赏我如何可以去调试这个问题的任何提示。

+0

你可以看到html源代码的类名? – Himal 2014-10-30 13:05:44

+0

你不必在链接标签上设置'type =“text/css”'吗? – qooplmao 2014-10-30 13:42:23

回答

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 
0

我不能评论,但我的建议是检查生成网页的网页源代码,那么你可以检查symfony的地方寻找资源的目录。