码迷,mamicode.com
首页 > 其他好文 > 详细

初始bootstrap

时间:2015-02-16 14:24:19      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:bootstrap

bootstrap是什么?如果现在还没听说过,或者只是大概知道,那,你就out了。bootstrap是一个基于jQuery的js框架,是Mark Otto和Jacob Thornton在Twitter公司共同开发的,2011年8月发布至今已经成为Github上最受关注的开源项目。它的官网是:http://getbootstrap.com/。我也搞不懂为什么前面要加个get。现在最新的版本是3.3.2。

虽然bootstrap更多的用于移动端,但是官网首页的宣言是One framework, every device.也就是PC端同样适用,关键点在于统一、可移植。

开源在github的地址是:https://github.com/twbs/bootstrap

如果想看bootstrap的真实例子,访问:http://expo.getbootstrap.com/


bootstrap有三个下载版本:

1是编译好的(bootstrap-3.3.2-dist.zip),200多K

2是源代码(bootstrap-3.3.2.zip),有3M

3是Sass(bootstrap-sass-3.3.2.tar.gz),也是200多K

如果你不会Grunt(gruntjs.com)、或不会node.js(nodejs.org)、还有autoprefixer,那还是先下载编译好的吧。


要掌握安装,你还需要知晓Bower(bower.io)、npm(npmjs.com)。

涉及cdn,你还得懂得maxcdn(maxcdn.com),bootstrap cdn(bootstrapcdn.com)。


bootstrap的书不多,当当上主要有这几本:

1、《深入理解Bootstrap》 2014-5-1 徐涛

2、《Bootstrap用户手册:设计响应式网站》 2013-9-1 [美]Jake Spurlock(O‘Reilly Media

3、《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》  2014-9-1 谢郁(百度)


最重要的两个网站:

http://getbootstrap.com/ (官网)

http://www.bootcss.com/ (中文网)


最后,看一个bootstrap做的真实案例,pc的chrome浏览器与iphone的safari浏览器:

技术分享


技术分享


2015.2.16



初始bootstrap

标签:bootstrap

原文地址:http://blog.csdn.net/ouyida3/article/details/43851307

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!