Question

我刚刚开始学习Symfony3，我正在尝试使用bootstrap3来构建我的表单。根据{{3}}，bootstrap_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类已正确注入。该网站本身如下：

documentation

我错过了哪些步骤让CSS正常工作？

Answer 1

您仍然需要将引导文件CSS和JS添加到您的应用程序和模板中。表单主题仅确保标记根据引导程序很好地形成。

Answer 2

作为一种替代方式，您可以包含捆绑

https://github.com/phiamo/MopaBootstrapBundle

进入你的项目并获取Bootstrap文件（sass / less）进入你的项目。

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

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

Bootstrap 3无法在Symfony3中运行

2 个答案: