twitter / bootstrap_sp
Bootstrap 版本重编译 - Steph81。
dev-master
2015-03-10 18:07 UTC
This package is not auto-updated.
Last update: 2024-09-14 16:39:52 UTC
README
由 Steph81 编译的 bootstrap 版本
- 不同的视觉修正。
- 24列网格系统用于 col-lg, col-md, col-sm 类,12列用于 col-xs。
- 添加了黑色按钮 btn-inverse 和紫色按钮 btn-purple。
- 将 Glyphicons 图标替换为 Font Awesome 图标 v4.3.0。
- 在 dropdowns 中添加子菜单。
- 为徽章添加了7种颜色,为标签添加了2种颜色。
Packagist 链接: https://packagist.org.cn/packages/twitter/bootstrap_sp
## 在 Symfony 中集成:修改 app/config/config.yml 文件
# Assetic Configuration assetic: ... assets: bootstrap_js: inputs: - https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.11.2/jquery.min.js - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/js/bootstrap.min.js bootstrap_css: inputs: - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/css/bootstrap.min.css - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/css/bootstrap-theme.min.css filters: [cssrewrite] bootstrap_fontawesome_ttf: inputs: - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/fonts/fontawesome-webfont.ttf output: "fonts/fontawesome-webfont.ttf" bootstrap_fontawesome_eot: inputs: - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/fonts/fontawesome-webfont.eot output: "fonts/fontawesome-webfont.eot" bootstrap_fontawesome_svg: inputs: - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/fonts/fontawesome-webfont.svg output: "fonts/fontawesome-webfont.svg" bootstrap_fontawesome_woff: inputs: - %kernel.root_dir%/../vendor/twitter/bootstrap_sp/fonts/fontawesome-webfont.woff output: "fonts/fontawesome-webfont.woff"
在模板中
... <head> ... {% block stylesheets %} {% stylesheets '@bootstrap_css' %} <link rel="stylesheet" type="text/css" href="{{ asset_url }}"/> {% endstylesheets %} <!-- HTML5 Shim et Respond.js permet à IE8 de supporter les éléments du HTML5 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> {% endblock %} ... </head> ... <body> ... {% block javascripts %} {% javascripts '@bootstrap_js' %} <script src="{{ asset_url }}" type="text/javascript"></script> {% endjavascripts %} {# <script src="js/main.js"></script> #} {% endblock %} ... </body> ...