Bootstrap 4 в symfony4
Я пытаюсь добавить bootstrap4 в проект symfony4, но bootstrap не добавляется в проект
код twig.yaml:
twig:
paths: ['%kernel.project_dir%/templates']
debug: '%kernel.debug%'
strict_variables: '%kernel.debug%'
form_themes: ['bootstrap_4_layout.html.twig']
и удаляю:
paths: ['%kernel.project_dir%/templates']
debug: '%kernel.debug%'
strict_variables: '%kernel.debug%'
но и ошибки bootstrap не добавляются.
код index.html.yml:
{% extends 'base.html.twig' %}
{% block title %}Hello {% endblock %}
{% block body %}
<div class = "container">
{{ form_start(form) }}
{{ form_widget(form, { 'attr': {'class': 'form-control'} } )}}
<input type = "submit" value = "Send" class = "btn btn-success" />
{{ form_end(form) }}
</div>
{% endblock %}
и этот результат .. так что bootstrap4 не добавляется:
Ответы 3
Тема формы Bootstrap 4 от Symfony только добавляет Bootstrap классы к вашим входным данным формы, она не загружает или включает Bootstrap каким-либо образом; это зависит от вас.
Пожалуйста, обратитесь к [1] для документации о том, как включить Bootstrap 4 в ваши шаблоны.
сохраните исходную конфигурацию веточки:
twig: paths: ['%kernel.project_dir%/templates'] debug: '%kernel.debug%' strict_variables: '%kernel.debug%' form_themes: ['bootstrap_4_layout.html.twig']Убедитесь, что на вашей платформе установлен файл начальной загрузки SF4:
[prjDir] /vendor/symfony/twig-bridge/Resources/views/Form/bootstrap_4_layout.html.twig
убедитесь, что файлы ресурсов Бутстрап 4 (css, js) установлены в вашем общедоступном каталоге и правильно на них ссылается ваш
index.html.twigчерезbase.html.twig, а не'index.html.yml'пример base.html.twig (извлечение ...)
... <!-- Icons --> {% block head_icons %} <link href = "{{ asset('vendors/css/flag-icon.min.css') }}" rel = "stylesheet"> <link href = "{{ asset('vendors/css/font-awesome.min.css') }}" rel = "stylesheet"> <link href = "{{ asset('vendors/css/simple-line-icons.min.css') }}" rel = "stylesheet"> <link href = "{{ asset('vendors/css/bootstrap-4-navbar.css') }}" rel = "stylesheet"> {% endblock %} <!-- Main styles for this application --> {% block main_styles %} <link href = "{{ asset('css/style.css') }}" rel = "stylesheet"> {% endblock %} ...
Также проверьте наличие JS в файле: base.html.twig
Надеюсь, это вам поможет.
Если у кого-то все еще есть эта проблема, я нашел решение:
создайте папку с именем css в папке public вашего проекта и поместите в нее файл bootstrap.min.css.
затем в base.html.twig поместите <link href = "{{ asset('css/bootstrap.min.css') }}" type = "text/css" rel = "stylesheet"> непосредственно перед {% block stylesheets %}{% endblock %}
И все, надеюсь, это поможет :)