evheniy/twitter-bootstrap-bundle

TwitterBootstrapBundle 允许您将最新的 Twitter Bootstrap 添加到您的应用程序中。

安装次数: 4,398

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

类型:symfony-bundle

1.4.0 2015-12-02 14:34 UTC

This package is not auto-updated.

Last update: 2024-09-28 16:09:40 UTC


README

knpbundles.com

Latest Stable Version Total Downloads Latest Unstable Version License

Build Status Coverage Status Scrutinizer Code Quality Build Status

此包提供了从 CDN maxcdn.bootstrapcdn.com 的 TwitterBootstrap 到 Symfony2 的支持。

文档

您可以更改 TwitterBootstrap 版本

twitter_bootstrap:
    version: 3.3.4

您可以为 TwitterBootstrap 设置本地版本(如果 maxcdn 无法工作,这会有所帮助)。

twitter_bootstrap:
    local_js: '@AppBundle/Resources/public/js/bootstrap.min.js'

默认值: '@TwitterBootstrapBundle/Resources/public/js/bootstrap.min.js'

twitter_bootstrap:
    local_fonts_dir: '@AppBundle/Resources/public/fonts/'

默认值: '@TwitterBootstrapBundle/Resources/public/fonts/'

twitter_bootstrap:
    local_css: '@AppBundle/Resources/public/css/bootstrap.min.css'

默认值: '@TwitterBootstrapBundle/Resources/public/css/bootstrap.min.css'

twitter_bootstrap:
    local_theme: '@AppBundle/Resources/public/css/bootstrap-theme.min.css'

默认值: '@TwitterBootstrapBundle/Resources/public/css/bootstrap-theme.min.css'

您可以为本地 CDN 设置

twitter_bootstrap:
    local_cdn: 'cdn.domain.com'

您可以使用旧版本的 html

twitter_bootstrap:
    html5: false

默认值: true. 如果为 false,则脚本类型为 "text/javascript"

您可以使用异步加载

twitter_bootstrap:
    async: true

默认值: false. 如果为 true,则脚本将带有 async="async"

安装

$ composer require evheniy/twitter-bootstrap-bundle "1.*"

或者添加到 composer.json

"evheniy/twitter-bootstrap-bundle": "1.*"

AppKernel

public function registerBundles()
    {
        $bundles = array(
            ...
            new Evheniy\TwitterBootstrapBundle\TwitterBootstrapBundle(),
        );
        ...

config.yml

#TwitterBootstrapBundle
twitter_bootstrap: ~

or

#TwitterBootstrapBundle
twitter_bootstrap:
    local_js: '@AppBundle/Resources/public/js/bootstrap.min.js'
    local_fonts_dir: '@AppBundle/Resources/public/fonts/'
    local_css: '@AppBundle/Resources/public/css/bootstrap.min.css'
    local_theme: '@AppBundle/Resources/public/css/bootstrap-theme.min.css'
    local_cdn: 'cdn.domain.com'
    version: 3.3.4
    html5: true
    async: false

并在 config.yml 中添加 Assetic 配置

#Assetic Configuration
assetic:
    bundles: [ TwitterBootstrapBundle ]

将此字符串添加到您的布局(样式和 js)

<html>
    <head>
    ...

    {%- include "TwitterBootstrapBundle:TwitterBootstrap:css.html.twig" -%}
    </head>
    <body>
    ...

    {%- include "TwitterBootstrapBundle:TwitterBootstrap:js.html.twig" -%}
    </body>
</html>

最后一步

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

许可证

此包受 MIT 许可证的约束。

俄语文档

TwitterBootstrap