目录

一、Bootstrap基础

1. 概念

2. 特点

3. 组成

3.1 基本结构

3.2 丰富的CSS样式库

3.3 布局组件

3.4 插件

二、bootstrap的环境配置

1. 在页面中引入本地文件

2. 使用CDN加速器

---

一、Bootstrap基础

1. 概念

Bootstrap是一个基于HTML、CSS和JavaScript语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件。

Bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面。

2. 特点

丰富的组件库、响应式设计、移动设备优先、浏览器支持、低成本易上手、框架和成熟。

3. 组成

3.1 基本结构

栅格系统

3.2 丰富的CSS样式库

只需要改变标签的class属性值,就可以给标签应用不同的样式

3.3 布局组件

有丰富的组件库

3.4 插件

基于jQuery的插件，功能强大

二、bootstrap的环境配置

1. 在页面中引入本地文件

<link rel="stylesheet" href="../css/bootstrap.min.css">  
<script src="../js/bootstrap.min.js"></script>

2. 使用CDN加速器

CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。使用时必须联网。

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>