README

要求

• java
• nodejs (npm & less)
• cssembed [https://github.com/nzakas/cssembed/downloads]
• yuicompressor [https://github.com/yui/yuicompressor/downloads]

系统设置

对于 ubuntu，运行以下命令安装必要的依赖项。

apt-get install java-common nodejs npm
npm install -g less

安装

在您的 composer.json 中添加 HackzillaBootstrapBundle

{
    "require": {
        "hackzilla/bootstrap-bundle": "~0.2",
    }
}

现在运行以下命令告诉 composer 下载该包

$ php composer.phar update hackzilla/bootstrap-bundle

Composer 将将包安装到项目的 vendor/hackzilla 目录中。

第 2 步：启用包

在内核中启用包

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Hackzilla\Bundle\BootstrapBundle\HackzillaBootstrapBundle(),
        // ...
        // Your application bundles
    );
}

将 cssembed.jar 和 yuicompressor.jar 复制到 /app/Resources/java/

添加到 config.yml

# Twig Configuration
twig:
    form:
        resources:
          - 'HackzillaBoostrapBundle:Form:fields.html.twig'

如果您的系统上 nodejs 的路径不同，请在此处更新它。

可能的值有

• /usr/local/bin/node
• /usr/bin/node
• /usr/bin/nodejs

# Assetic Configuration
assetic:
    java: /usr/bin/java
    filters:
      cssembed:
        jar: %kernel.root_dir%/Resources/java/cssembed-<version>.jar
      cssrewrite: ~
      yui_js:
        jar: %kernel.root_dir%/Resources/java/yuicompressor-<version>.jar
      less:
          node: /usr/local/bin/node
          node_paths: [/usr/local/lib/node_modules]
          apply_to: "\.less$"
    assets:
      bootstrap_js:
          inputs:
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/affix.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/alert.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/button.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/carousel.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/collapse.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/dropdown.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/modal.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/tooltip.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/popover.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/scrollspy.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/tab.js'
              - '%kernel.root_dir%/../vendor/twbs/bootstrap/js/transition.js'
          filters: [?yui_js]
      bootstrap_less:
          inputs:
              - '@HackzillaBootstrapBundle/Resources/less/compile.less'
          filters: [less,cssembed]

• 示例 base.html.twig

字体

在 web 目录中创建指向 bootstrap 字体的符号链接

ln -s ../vendor/twbs/bootstrap/fonts

（重新）生成 bootstrap.js 和 bootstrap.css

app/console assetic:dump --env=prod --no-debug;
app/console assetic:dump --env=dev;

高级用法

将 @HackzillaBootstrapBundle/Resources/less/compile.less 和 @HackzillaBootstrapBundle/Resources/less/variables.less 复制到您自己的资源文件夹中，并更新您的配置中的 bootstrap_less 部分。

或者将 @HackzillaBootstrapBundle/Resources/less/variables.less 复制到 /app/Resources/HackzillaBootstrapBundle/less/variables.less