(零)自举入门自举入门

什么是Bootstrap？

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的。

Bootstrap是2011年8月在GitHub上发布的开源产品。自举是由推特的马克奥托和雅各布桑顿开发的。

基于html5和css3的Bootstrap具有以下吸引人的特性：

(1)移动设备优先；

(2)设计美观；

(3)友好的学习曲线；

(4)优异的兼容性；

(5)响应性设计；

(6)12行响应网格结构；

(7)样式向导文档。

自定义JQuery插件，完整的类库，基于Less，Sass等。

引导下载

可以在它的中文官网下载，一个大大的下载按钮清晰可见。另外可以通过CDN、git命令、npm等下载。

如果你碰巧读了我的博客崇高文本，你一定知道我们可以通过插件直接安装它。仅当需要ctrl shift P时，输入fecth:manage并进行以下设置：

packages ' : { ' bootstrap ' : ' https://github.com/twbs/bootstrap/releases/download/v 3 . 3 . 6/bootstrap-3 . 3 . 6-dist . zip ' }可以直接通过sublime Text下载，也可以刚才下载。找到引导。如果下载成功，您应该会在文件夹中看到三个文件夹css、字体和js，如下所示：

可以看到，除了字体文件夹之外，其他文件夹中的每个子文件都有两个不同的版本，一个是文件的完整版本，方便查看源代码，比如bootstrap.js，一个是实际生产的压缩文件，比如bottl tape . min . js；

字体文件中有很多文件，但是它的功能很简单，就是一个用来制作图标图标的文件，使用的是CSS3的@font-face技术。

在实践中，如果你想使用更多的图标，也可以自己在Iconfont- Alibaba矢量图标库中找到设置。

引导标准模板

！DOCTYPE html html lang=' zh-CN ' hearteta charset=' utf-8 '！-在IE-meta中运行最新的渲染模式http-equiv=' x-ua-compatible ' content=' IE=edge '！-初始化移动浏览显示-元名称=' viewport '内容=' width=device-width，initial-scale=1 '！-以上三个元标签*必须*在前面，任何其他内容*必须*跟随！-标题引导标准模板/标题！-1.加载Bootstrap级联样式表-link href=' CSS/Bootstrap . min . CSS ' rel='样式表'！-您自己的自定义样式文件-link href=' CSS/your-style . CSS ' rel='样式表'！-以下两个插件用于支持IE8及以下版本浏览器中的HTML5元素和媒体查询，不需要的话可以删除-！-[if lt IE 9]脚本src=' http://cdn . bootss.com/html 5 shiv/3 . 7 . 2/html 5 shiv . min . js '/脚本脚本src=' http://cdn . bootss.com/response . js/1 . 4 . 2/response . min . js '/脚本！[endif]-/流浆池h1hello，world/h1！-2.如果要使用bootstrap的js插件，必须在Bootstrap库-script src=' http : js/jquery-min-1 . 11 . 3 . js '/script之前加载jquery库！-3.包含所有bootstrap或者可以根据需要使用的js插件的js插件称为-script src=' http : js/bootstrap . min . js '/script/body/html全局样式。

Bootstrap框架的核心是轻量级的CSS基础代码库。它没有盲目重置风格，而是关注每个浏览器的基本性能，降低了开发难度。

为了增强跨浏览器性能的一致性，Bootstrap使用了Normalize.css但是，并没有盲目使用这种重置样式，而是在此基础上进行了一些改进，使其更符合Bootstrap的设计思路。

Bootstrap保留并坚持了一些浏览器的基本样式，解决了一些潜在的问题，改善了一些细节的体验，在排版和链接样式中设置了基本的全局样式。具体说明如下：

删除正文的边距声明。

将主体的背景颜色设置为白色。

设置排版的基本字体、大小和行高。

设置全局链接颜色，只有当链接处于浮动：悬停状态时，才会显示下划线样式。

Bootstrap的介绍到此结束。Bootstrap的中文官网有清晰详细的描述文档。让我们在下面和我一起走进去。

自举的世界！