框架介绍
Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果
Bootstrap框架在支持html5和css3的浏览器上表现特别好,而且对移动终端的浏览器支持也是相当优秀
一个完整的Bootstrap框架包含如下四个部分:
脚手架
用于重置背景、链接样式、栅格系统等,并包含两个简单的布局结构。
-
Bootstrap的样式使用了lesscss技术,脚手架里最出彩的是栅格系统和布局。
-
栅格系统是将页面宽度分成12列,栅格系统分为两种类型,一种是默认栅格系统,这时候栅格系统是按940px像素进行等分,我们可以使用span1,span4这样的class属性操作默认栅格布局
-
另一种是流式栅格系统,这个时候分列的宽度就不是固定,而是根据你可视页面进行12等分,同样可以使用span1,span4操作流式栅格。这个系统非常之好,做css最难的就是div布局,使用栅格系统可以大大简化div的布局操作。
-
另外一个就是做布局操作了,布局也分为固定和流式,让不太精通css布局也能轻松操作布局。
基本的css样式
Bootstrap给出了一样常用的HTML元素的样式,例如:按钮、表单和文字等等
大部分做网站的人都不是美工出身,做出赏心悦目的网页是件很困难的事情,css提供的样式很专业很精美,能让我们轻松开发出一套精美的网站
CSS组件
Bootstrap还提供一些常用的css组件,同样很优秀很棒。
Javascript插件
Bootstrap是个开放的系统,我们可以随意扩展Bootstrap,特别是javascript的框架,这样Bootstrap就会更加专业。