yaotian / h5bootstrapscss

一个用html5+bootstrap sass来建网站的脚手架，集成了js的组件,快速开发网站

脚手架中包含了基本的js,css, sass等，开箱即用。

• html5-boilerplate(v5.3.0) https://github.com/h5bp/html5-boilerplate
• bootstrap(v4.0-alpha5)
• jquery.js(v3.1.1 拷贝于bootstrap)
• modernizr.js (v2.8.3) https://modernizr.com/ 不支持html5的浏览器，可以支持html5的元素
• respond.js（v1.4.2）https://github.com/scottjehl/Respond 不支持css3的浏览器可以支持响应式
• picturefill.js (v3.0.2) 按照设备大小，显示相应大小的图片 http://scottjehl.github.io/picturefill/
• holder.js (v2.9, 设计时虚拟显示图片占位) http://holderjs.com/
• masonry（v4.1.1）可以做图片墙
• normalize.css(这个用bootstrap scss来生成)
• bootstrap中的scss
• bootstrap中的js
• fonts(fontawesome4.7.0,glyphicons) http://fontawesome.io/脚手架中包含了基本的js,css, sass等，开箱即用。
• html5-boilerplate(v5.3.0) https://github.com/h5bp/html5-boilerplate
• bootstrap(v4.0-alpha5)
• jquery.js(v3.1.1 拷贝于vbootstrap)
• modernizr.js (v2.8.3) https://modernizr.com/ 不支持html5的浏览器，可以支持html5的元素
• respond.js（v1.4.2）https://github.com/scottjehl/Respond 不支持css3的浏览器可以支持响应式
• picturefill.js (v3.0.2) 按照设备大小，显示相应大小的图片 http://scottjehl.github.io/picturefill/
• holder.js (v2.9, 设计时虚拟显示图片占位) http://holderjs.com/
• masonry（v4.1.1）可以做图片墙
• normalize.css(这个用bootstrap scss来生成)
• bootstrap中的scss
• bootstrap中的js
• fonts(fontawesome4.7.0,glyphicons) http://fontawesome.io/

使用方法

1. 根目录 npm install

   这个步骤会自动安装所有的组件

2. 根目录 gulp

   这个会自动编译所有的前端代码,并自动打开浏览器，实时检测你的修改，并在浏览器中实时显示修改后的效果

单页网站的例子

https://yaotian.github.io/h5bootstrapscss/

License

The code is available under the MIT license.