《Web前端Bootstrap框架》由会员分享,可在线阅读,更多相关《Web前端Bootstrap框架(6页珍藏版)》请在金锄头文库上搜索。
1、 Web前端Bootstrap框架 下面我在这里简单的介绍下Bootstrap框架。 Bootstrap框架属于UI框架,这个和 jQuery不太一样,其实准确的描述 Bootstrap框架属于css框架而非javascript 框架,但是它本身也使用javascript来完善 Bootstrap框架的视觉效果。此外, Bootstrap框架十分超前,在支持html5和 css3的浏览器上表现特别好,而且对移动 终端的浏览器支持也是相当优秀。 移动终端的浏览器支持也是相当优秀。 一个完整的Bootstrap框架包含如下四个部 分: 脚手架(不知道官网为啥这么翻译):用于重 置背景、链接样式、栅
2、格系统等,并包含两个 简单的布局结构。Bootstrap的样式使用了 lesscss技术,比如重置背景这样的操作,这些 比较简单我就不展开叙述了,脚手架里最出彩 的是栅格系统和布局。 栅格系统是将页面宽度分成12列,栅格系统分为两种类型,一种是默认栅格系统, 这时候栅格系统是按940px像素进行等分, 我们可以使用span1,span4这样的class属性操作默认栅格布局,另一种是流式栅格 系统,这个时候分列的宽度就不是固定, 而是根据你可视页面进行12等分,同样可 以使用span1,span4操作流式栅格。 这个系统非常之好,做css最难的就是div布 局,使用栅格系统可以大大简化div的布
3、局 操作。另外一个就是做布局操作了,布局 也分为固定和流式,让不太精通css布局也 能轻松操作布局。 基本的css样式。Bootstrap给出了一样常 用的HTML元素的样式,例如:按钮、表单 和文字等等。大部分做网站的人都不是美 工出身,做出赏心悦目的网页是件很困难 的事情,css提供的样式很专业很精美,能 让我们轻松开发出一套精美的网站 Css组件:Bootstrap还提供一些常用的css 组件,同样很优秀很棒。 Javascript插件:Bootstrap是个开放的系统 ,我们可以随意扩展Bootstrap,特别是 javascript的框架,这样Bootstrap就会更加 专业。 Bootstrap是个操作性质的框架, 没必要做深入分析,最关键是有没有好的 使用实例,我下载Bootstrap发现,下载包 里的example不是太强大,例子都在它的官 网上. 很多对css和javascript不是特别熟悉的人使用起来都不太习惯,因此我将这些例子进行了整合,作为单独的例子工程,这个工程非常全面,我在网上找过,目前还没有比我整理的更详尽的例子,大伙下载下来按照我的工程目录结构就可以进行开发了。