Bootstrap 3 在 Symfony3 中不起作用

Posted 2023-03-06

技术标签:

【中文标题】Bootstrap 3 在 Symfony3 中不起作用【英文标题】：Bootstrap 3 not working in Symfony3 【发布时间】：2016-03-14 08:42:54 【问题描述】：

我刚刚开始学习 Symfony3，我正在尝试使用 bootstrap3 为我的表单设置主题。根据documentation，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 类已正确注入。网站本身如下所示：

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

【问题讨论】：

【参考方案1】：

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

https://github.com/phiamo/MopaBootstrapBundle

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

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

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

【讨论】：

【参考方案2】：

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