Symfony2和Twitter Bootstrap

Hom*_*lli 22 html css symfony twig twitter-bootstrap

我刚刚在SO上遇到了Twitter Bootstrap.我有脱脂通过一些在线教程,如果我的理解至今是正确的,使用TB主要包括:

  1. 下载TB,提取CSS文件等
  2. 在HTML文档中引用所需的CSS,JS文件并使用定义的CSS模式

我想将Twitter Bootstrap与Symfony2一起使用.鉴于我对如何使用TB的理解,我认为将它与Symfony一起使用相对容易,所以我很惊讶地看到有(实际上有几个)Bundle与Symfony一起使用.

所以我的问题是:

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

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

gui*_*ier 33

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

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

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

  • 这本食谱应该是你的最佳选择:http://symfony.com/doc/current/cookbook/assetic/yuicompressor.html;) (3认同)

ple*_*ock 7

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

在我看来:

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

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

不要使用任何intergtaion捆绑也是一个选项,但你松散与表格,资产,少一些的整合(如@Acyra在他的评论中提到)

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