Bootstrap 3 在 Symfony3 中不工作
Bootstrap 3 not working in Symfony3
我刚开始学习 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 正常工作,我错过了哪些步骤?
您仍然需要将 bootstrap 文件、CSS 和 JS 添加到您的应用程序和模板中。表单主题仅确保标记符合 bootstrap.
作为替代方法,您可以包含捆绑包
https://github.com/phiamo/MopaBootstrapBundle
进入您的项目并获取 Bootstrap 文件 (sass/less)
进入您的项目。
该页面上还提供了有关安装的文档。
我正在使用自己编写的集成,它使用的方法非常类似于。
优点是,您可以将自定义 sass 包含到您的项目中,并编译成一个包含在模板 header 中的单个 css 文件。
我刚开始学习 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 正常工作,我错过了哪些步骤?
您仍然需要将 bootstrap 文件、CSS 和 JS 添加到您的应用程序和模板中。表单主题仅确保标记符合 bootstrap.
作为替代方法,您可以包含捆绑包
https://github.com/phiamo/MopaBootstrapBundle
进入您的项目并获取 Bootstrap 文件 (sass/less) 进入您的项目。
该页面上还提供了有关安装的文档。 我正在使用自己编写的集成,它使用的方法非常类似于。
优点是,您可以将自定义 sass 包含到您的项目中,并编译成一个包含在模板 header 中的单个 css 文件。