evheniy / twitter-bootstrap-bundle
TwitterBootstrapBundle 允许您将最新的 Twitter Bootstrap 添加到您的应用程序中。
Requires
- php: >=5.3.0
- evheniy/jquery-bundle: >=1.0
- symfony/symfony: >=2.3
Requires (Dev)
- satooshi/php-coveralls: dev-master
This package is not auto-updated.
Last update: 2024-09-28 16:09:40 UTC
README
此包提供了从 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 许可证的约束。