Bootstrap有哪些，有什么特色？
一．Bootstrap 概述
Bootstrap 是由 Twitter 公司(环球最大的微博)的两名技术工程师研发的一个基于
HTML、CSS、JavaScript 的开源框架。该框架代码简约、视觉美丽，可用于快速、简便地
构建基于 PC 及移动端设备的 Web 页面需求。
2010 年 6 月，Twitter 内部的工程师为理解决前端开发任务中的协作统一问题。经历
各种方案后，Bootstrap 终究被肯定下来，并于 2011 年 8 月公布。经过很长时间的迭代升
级，由最初的 CSS 驱动项目开展成为内置许多 JavaScript 插件和图标的多功效 Web 前端
的开源框架。
Bootstrap 最为重要的部分就是它的响应式规划，通过这种规划可以兼容 PC 端、PAD
乃至手机移动端的页面拜访。
Bootstrap 下载及演示：
国内文档翻译官网：http://www.bootcss.com
二．Bootstrap 特点
Bootstrap 非常流行，得益于它非常有用的功效和特点。主要中心功效特点如下：
(1).跨设备、跨阅读器
可以兼容所有现代阅读器，包罗比力诟病的 IE7、8。当然，本课程不再思考 IE9 以下
阅读器。
(2).响应式规划
不单可以支撑 PC 端的各种辨论率的显示，还支撑移动端 PAD、手机等屏幕的响应式切
换显示。
(3).供给的全面的组件
Bootstrap 供给了有用性很强的组件，包罗：导航、标签、工具条、按钮等一系列组
件，利便开发者调取。
(4).内置 jQuery 插件
Bootstrap 供给了许多有用性的 jquery 插件，这些插件利便开发者实现 Web 中各种
常规特效。
(5).支撑 HTML5、CSS3
HTML5 语义化标签和 CSS3 属性，都得到很好的支撑。
(6).支撑 LESS 动态样式
LESS 使用变量、嵌套、操纵混合编码，编写更快、更灵敏的 CSS。它和 Bootstrap 能
很好的配合开发。
三．Bootstrap 构造
第一，想要理解 Boostrap 的文档构造，需要在官网先把它下载到当地。Bootstrap
下载地址如下：
Bootstrap 下载地址：http://v3.bootcss.com/ (选中生产环境即可，v3.3.4)
解压后，名目显现这样的构造：
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
主要分为三大中心名目：css(样式)、js(足本)、fonts(字体)。
1.css 名目中有四个 css 后缀的文件，其中包括 min 字样的，是紧缩版本，一样使用
这个；不包括的属于没有紧缩的，可以学习理解 css 代码的文件；而 map 后缀的文件则是
css 源码映射表，在一些特定的阅读器工具中使用。
2.js 名目包括两个文件，是未紧缩和紧缩的 js 文件。
3.fonts 名目包括了不一样后缀的字体文件。
创立第一个bootstrap页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>bootstrap初体验</title>
<link rel="stylesheet" href="css/bootstrap.css" />
</head>
<body>
<button class="btn btn-default">bootstrap初体验之按钮</button>
</body>
</html>Bootstrap 将全局 font-size 设定为 14px，line-height 行高设定为 1.428(即20px)；<p>段落元素被设定等于 1/2 行高(即 10px)；色彩被设定为#333。
以上就是Bootstrap是啥，有什么特点？的具体内容，更多请关注百分百源码网其它相关文章！
