1.2 为什么使用Bootstrap
Bootstrap包括几十个组件,每个组件都自然地结合了设计与开发,具有完整的实例文档。无论处在何种技术水平、处在哪个工作流程的开发者,都可以使用Bootstrap快速、方便地构建自己喜欢的应用程序。
Bootstrap 引入了12列栅格结构的布局理念,使设计质量高、风格统一的网页变得十分容易。它包含了HTML、CSS和JavaScript三大主要部分,各部分简单说明如下。
(1)Bootstrap的HTML基于HTML5的最新前沿技术。它不同于古老陈旧的其他网页标准,灵活高效、简洁流畅;它摒弃了那些复杂而毫无意义的标签,引入了全新的<canvas>、<audio>、<video>、<source>、<header>等标签,使网页的语义性大大增加,从此网页不再是供机器阅读的枯燥文字,而是可供人类欣赏的优美作品。在网页中插入多媒体,再也不需借助Flash控件。
(2)Bootstrap的CSS是使用Less创建的CSS,是新一代的动态CSS。对设计人员来说,代码写得更少;对浏览器来说,解析更容易;对用户来说,阅读更轻松。直接用自然书写的四则运算和英文单词来表示宽度、高度、颜色,使得编写CSS代码不再是高手才会的神秘技能。
(3)Bootstrap的JavaScript是使用jQuery的CSS,是优秀的JavaScript,它不会使每个用户都为了相似的功能,在每个网站都下载一份相同的代码,而是用一个代码库,将常用的函数放进去,按需取用,用户的浏览器只需下载一份代码,便可在各个网站上使用。
Bootstrap框架的特性如下。
· 移动设备优先:自Bootstrap 3起,框架包含了贯穿整个库的移动设备优先的样式。
· 浏览器支持:IE、Firefox、Google等所有的主流浏览器都支持Bootstrap。
· 容易上手:只需要具备HTML和CSS的基础知识即可。
· 响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机。
· 为开发人员创建接口提供了一个简洁统一的解决方案。
· 包含了功能强大的内置组件,易于定制。
· 提供了基于Web的定制。
· 是开源的。