Symfony2和Twitter Bootstrap

时间:2012-08-14 13:12:31

标签: html css symfony twitter-bootstrap twig

我今天刚刚遇到Twitter Bootstrap。我通过一些在线教程浏览,如果到目前为止我的理解是正确的,那么使用TB主要包括:

  1. 下载TB,提取CSS文件等
  2. 在HTML文档中引用所需的CSS,JS文件并使用定义的CSS模式
  3. 我想将Twitter Bootstrap与Symfony2一起使用。鉴于我对如何使用TB的理解,我认为将它与Symfony一起使用相对容易,所以我很惊讶地发现有(实际上有几个)Bundle与Symfony一起使用。

    所以我的问题是:

    1. 为什么Bundle需要在Symfony2上使用Twitter Bootstrap? - 我上面解释的方法不起作用(即直接在树枝模板中添加引用)?

    2. 由于有几个Twitter Bootstrap Bundles可用(最后计数有3个),这是最容易使用的(它必须是最近提交的主动支持,而不是死项目)< / p>

4 个答案:

答案 0 :(得分:33)

我很确定这些捆绑包很棒,但它们有优点和缺点。您也可以在项目中直接使用TB而不使用Bundle。这就是我个人所做的那样:

  • git clone TB in web /(获取最新更新并不断更新)
  • 我在我的twig模板中使用Assetic和较少的过滤器直接调用bootstrap.less。这样,我可以创建我自己的.less文件@imports TB并使用他们令人惊讶的mixins。

这种方式非常强大。与yui-compressor结合使用,当我在无调试模式下使用Assetic时,我所有的js和更少的文件被编译成一个.css输出和一个.js输出。并且你可以从所有TB功能中受益,无论是.css

答案 1 :(得分:7)

有两个主要的捆绑包提供与Twitter Bootstrap的symfony集成:

在我看来:

MopaBootstrapBundle 更复杂,提供了自己的布局结构(因为您也可以创建自己的布局结构)和许多已定义的功能,额外的资产,表单和其他集成

BcBootstrapBundle 更简单,更清晰,您使用自己的布局结构,还有很多定义的功能,额外的资产,形式和其他集成

不要使用任何intergtaion捆绑也是一个选项,但你放松了与表格的集成,资产,少了等(正如@Acyra在他的评论中提到的)

我更喜欢使用BcBootstrapBundle及其额外的集成功能,并使用我自己的自定义布局结构。

答案 2 :(得分:3)

您可以使用Twitter Boostrap(TB)仅将css添加到您的项目中。然后,你有一个起点,可以做一些比从头开始更直观的事情。正如您在第一部分所述。

但是,你也可以从Bundle中检索更多有趣的东西来处理与TB的模板集成。例如:

例如,使用symfony 1.4(我知道这篇文章谈到了sf2 ),你有一个插件可以为管理生成器添加一个新的主题,以便有一个很好的TB集成而不是默认的。我知道sf2中没有正式的admin生成器,但它可以用于CRUD。

另一件事情可能是真的,因为symfony 1.0,并非所有捆绑包都得到很好的实施,开发,维护,测试,记录等等。(核心团队除外)(FOS * Bundle,Doctrine,Propel等) ..))。所以我建议你测试它们,看看其中一个是否符合你的需要,否则就要灵感来改进它们(它们几乎都在github上)或构建你自己的。

顺便说一句,有many Bundle ..

答案 3 :(得分:1)

更新到Symfony和Bootstrap: Symfony在他们的文档细节方面似乎总是落后一点,所以这里是Symfony的更新。 2.6及更高版本现在包括与Twitter Bootstrap的基本集成。

http://symfony.com/blog/new-in-symfony-2-6-bootstrap-form-theme

希望这可以节省一些时间,并且可以让它在上面的Symfony文档中解释它的工作!