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

我刚刚开始学习 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 正常工作,我错过了哪些步骤?

【问题讨论】:

    标签: php css twitter-bootstrap-3 symfony-forms symfony


    【解决方案1】:

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

    https://github.com/phiamo/MopaBootstrapBundle

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

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 您好,我正在 v3.0.5 中创建我的第一个 Symfony 项目,但不知道如何添加引导程序。首先,我使用 composer 安装 bootstrap 3 和 jQuery 2.2。但是我应该复制哪些文件以及复制到哪里?
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-11-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-04
      • 1970-01-01
      相关资源
      最近更新 更多