[Symfony2]Mopa Bootstrap Bundle 使用 jumbotron答案

【问题标题】：[Synfony2]MopaBootstrapBundle use jumbotron[Symfony2]Mopa Bootstrap Bundle 使用 jumbotron
【发布时间】：2014-01-17 02:06:35
【问题描述】：

我安装了 MopeBootstrap 以便在我的 symfony 项目中使用 Bootsrap。目前我想测试一些引导组件。

我有：

{# src/My/MyBundle/Ressources/views/layout.html.twig #}
{% extends "MopaBootstrapBundle::layout.html.twig" %}
{% block content %}
  <div class="jumbotron">
    <h1>Hello, world!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
  </div>
{% endblock %}

我在想我可以像这样使用引导程序，但它不起作用。

如何将 MopaBootrap 与 Jumbotron 或其他引导程序的组件一起使用。

编辑：现在我有了

{% block content %}

{% stylesheets  '@MyMyBundle/Resources/public/css/bootstrap.css' %}
       <link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="screen" />
{% endstylesheets %}


<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
 </div>
{% endblock %}

在网页的源代码中我可以打开我的 bootstrap.css 但它不起作用><.>

我已经包含了 twbs/bootstrap": "dev-master in composer.

【问题讨论】：

标签： twitter-bootstrap symfony twig

【解决方案1】：

这是因为您没有包含 bootstrap.css。我猜 MopaBootstrapBundle 只会更改表单/字段的 html 结构以与 Twitter Bootstrap 兼容，但没有自动包含 bootstrap css。在你的 layout.html.twig 中添加这个：

   {% stylesheets
         '@YourBundle/path/to/bootstrap/css/bootstrap.css'
   %}
       <link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="screen" />
   {% endstylesheets %}

PS：

我们决定不将 twitter/bootstrap 发行版纳入其中回购以更有效地分离关注点。所以你必须包括 twitter/bootstrap 以某种方式进入你的项目

https://github.com/phiamo/MopaBootstrapBundle/blob/master/Resources/doc/including-bootstrap.md

【讨论】：

我更改了我的代码，但它不起作用。生成的 HTML 似乎是正确的。如果我把和我的
放在一个新的 html 页面中并用谷歌浏览器打开它，它就可以工作。奇怪^^

【解决方案2】：

我忘记安装 cssembed-0.3.6.jar。现在它似乎工作了！

【讨论】：