twitter/bootstrap_sp

Bootstrap 版本重编译 - Steph81。

安装: 14

依赖项: 0

建议者: 0

安全: 0

星级: 1

关注者: 1

分支: 0

开放问题: 0

语言:JavaScript

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>
...