Question

我是symfony的初学者，使用symfony 2.8。我使用FOS包进行登录和注册。

我想使用bootstrap模板进行登录和注册。

1）我已将app/Resources/FOSUserBundle/views文件放在{% block fos_user_content %}{% endblock fos_user_content %}目录

中

2）我也放了

layout.html.twig

阻止我的web/bundles/FOSUserBundle/public/css文件

3）并将我的CSS / JS文件放在以下目录中

web/bundles/FOSUserBundle/public/js

layout.html.twig

4）并使用上述css＆amp;我的{% block stylesheets %} <link href="{{ asset('FOSUserBundle/public/js/jquery-2.2.3.min.js') }}" rel="stylesheet" /> {% endblock %} {% block javascripts %} <script src="{{ asset('FOSUserBundle/public/js/bootstrap.min.js') }}"></script> {% endblock %}文件中的js文件如下

   <div  ng-repeat="q in question">
      <div ng-click="a($index)">{{q.qText}}</div>
    </div>
    <h1>{{answ.text}}</h1>
    <div ng-repeat="answer in answ.answerList" class="content">
      <div class=button>
      <i class="{{answer.icon}}" aria-hidden="true"></i>
      {{answer.text}}
    </div>

但我无法在注册表单中看到bootstrap布局。

Answer 1

通过在app / Resources / FOSUserBundle / views中添加文件layout.html.twig来覆盖FOSUserBundle布局
从基本布局扩展此布局。例如

{% extends 'myapp_base.html.twig' %}

{% block content %} {% block fos_user_content %}{% endblock %} {% endblock %}
在myapp_base.html.twig中添加引导程序文件

{% block stylesheets %} <link href="{{ asset('assets/css/bootstrap.css') }}" rel="stylesheet" /> {% endblock %}

{% block content %}{% endblock %}

{% block javascripts %} <script src="{{ asset('assets/js/bootstrap.js') }}"></script> {% endblock %}

不要将bootstrap文件放在web / bundles文件夹中，因为这些文件是从bundle public folder（assets:install command）复制的。

相反，您可以将主题放在/web/assets/js和/web/assets/css文件夹中（用于手动安装）。

在哪里放置FOSbundle模板覆盖的CSS / JS文件？

1 个答案: