Question

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

我有：

{# 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 %}

我以为我可以像这样使用bootstrap，但它不起作用。

如何将MopaBootrap与Jumbotron或其他bootstrap组件一起使用。

编辑：现在我有

{% 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，但它不起作用＆gt;＆lt;。

我已经在作曲家中加入了twbs / bootstrap“：”dev-master。

Answer 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

Answer 2

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

[Symfony2] Mopa Bootstrap Bundle使用jumbotron

2 个答案: