Bootstrap 3 在 Symfony3 中不工作

Bootstrap 3 not working in Symfony3

我刚开始学习 Symfony3,我正在尝试使用 bootstrap3 为我的表单设置主题。根据 documentationbootstrap_3_layout.html.twig 是内置的,可以通过更改 config.yml 中的 Twig 设置全局激活:

# Twig Configuration
twig:
    debug:            "%kernel.debug%"
    strict_variables: "%kernel.debug%"
    form_themes: 
        - "bootstrap_3_layout.html.twig"

当我重新加载页面时,页面加载没有CSS,twig文件和页面源如下:

{# app/Resources/views/experiment/new.html.twig #}

{{ form_start(form) }}
{{ form_widget(form) }}
{{ form_end(form) }}


<form name="form" method="post">
<div id="form"><div class="form-group"><label class="control-label required" for="form_title">Title</label><input type="text" id="form_title" name="form[title]" required="required" class="form-control" /></div><div class="form-group"><button type="submit" id="form_save" name="form[save]" class="btn-default btn">Create Task</button></div><input type="hidden" id="form__token" name="form[_token]" class="form-control" value="O7tN2AUjyLByEz2tkNf675jqixxjev0p4ivzs5Bn4VA" /></div>
</form>

这表明 bootstrap3 类 已正确注入。该站点本身如下所示:

为了让 CSS 正常工作,我错过了哪些步骤?

您仍然需要将 bootstrap 文件、CSS 和 JS 添加到您的应用程序和模板中。表单主题仅确保标记符合 bootstrap.

作为替代方法,您可以包含捆绑包

https://github.com/phiamo/MopaBootstrapBundle

进入您的项目并获取 Bootstrap 文件 (sass/less) 进入您的项目。

该页面上还提供了有关安装的文档。 我正在使用自己编写的集成,它使用的方法非常类似于。

优点是,您可以将自定义 sass 包含到您的项目中,并编译成一个包含在模板 header 中的单个 css 文件。