本文创建于2020年8月，以下是正文：
一朋友早之前问我bootstrap是用来做什么的？当时我还不太了解，经过阶段性学习说白话就是一个软件不在乎外表好不好看，只追求功能，进度又很赶就用bootstrap，一般新手用的比较多。要明白Bootstrap他是一个工具，不是语言。
文章图片
Bootstrap详解 1、Bootstrap是什么
Bootstrap是一组来自Twitter，对HTML、CSS和JAVASCRIPT进行了封装的前端框架，目前最受欢迎的前端框架之一。它相较于css更简洁灵活，能够是web开发更加快捷。
Bootstrap对HTML、CSS和JAVASCRIPT进行了封装，是它们使用起来更方便。我们只是需要使用它已经设定好的类，或规则，即可快速应用它提供的功能。
Bootstrap使用了一些HTML5元素和CSS3属性（如媒体查询）。为了让这些正常工作，需要使用HTML5文档类型。
Ps：如果在Bootstrap创建的网页开头不使用HTML5的文档类型（Doctype），可能会面临一些浏览器显示不一致的问题。
Pss：框架是代码的可重用设计，体现为一些组件，或抽象的方法。
2、Bootstrap组成*
Bootstrap分为“全局CSS样式”、“组件”、“JavaScript插件”这么几个主要的部分。
全局CSS样式
Bootstrap提供了很多具有特殊含义的类，基本的HTML元素均可以通过使用这些类，来获得Bootstrap增强效果（栅格系统）
组件
Bootstrap提供了很多封装好的具有特定功能的模块。这些模块被叫做{组件}。无数可复用的组件让Bootstrap对前端开发的支持性变得更好。（组件包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。）
JavaScript插件
JavaScript插件为Bootstrap的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中。
【前端|# 最新干货来了，Bootstrap的解析】3、目的
响应式设计：Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机
界面丰富：使用Bootstrap设置了预定义样式的button、下拉列表组件
文章图片
4、Bootstrap使用方式
a.下载
.http://www.bootcss.com/（官网）点击bootstrap3中文文档，点击下载bootstrap3
b.下载“用于生产环境的”
下载完后它有如右三个文件夹 css/fonts/js
C.在html文档中引入bootstrap
1.bootstrap.min.css
2. bootstrap.min.js
3.引入jquery代码
引入css中“bootstrap.min.css”和js文件夹下bootstrap.min.js。由于bootstrap是基于jQuery的，所以再引入“bootstrap.min.js”钱，要先引入jQuery代码。并且js和jQuery要放在body的最底部。
d.使用html5的文档类声明
,bootstrap用到了h5，所以包含一个html5版本的DOCTYPE
e.添加适用于移动端的meta标签
因为现在越来越多的用户使用移动设备，为了让Bootstrap开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的head之中添加viewport meta标签
Width属性控制设备的宽度。假设你的网站被带有不同屏幕分辨率的设备浏览，那么将它设置为device-width可以确保它能正确呈现在不同设备上。
Initial-scale=1.0确保网页加载时，以1：1的比例呈现，不会有任何的缩放。
Bootstrap就是一个前端开发框架，便于人们开发较为精美的前端样式，直接调用即可！
（ps:如果您觉得有用，请点赞转发，让更多人看到哦）
文章图片
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export