html 之 Bootstrap库

发布时间 2023-07-25 17:49:20作者: 凡人半睁眼

一、Bootstrap介绍

1、Bootstrap的由来

Bootstrap 是一个流行的开源前端框架,用于快速构建响应式和现代化的网站和 Web 应用程序。它由 Twitter 的前端工程师 Mark Otto 和 Jacob Thornton 在2011年开发,最初命名为 Twitter Blueprint。后来,他们将其开源并更名为 Bootstrap。

Bootstrap 提供了一套用于构建网站和应用程序的HTML、CSS 和 JavaScript 工具和组件。它的设计目标是让开发人员能够快速创建出现代化、美观且功能丰富的界面,同时确保在各种设备上都能提供一致的用户体验,即所谓的响应式设计。

2、版本

bootstrap的版本:v3、v4、v5我们推荐使用v3就行

v3版本依赖 jQuery,v4、v5版本不依赖jQuery

3、官网

起步 · Bootstrap (bootcss.com)

Bootstrap中文网 (bootcss.com)

BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务

4、引入

1、 使用cdn
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>

2、下载离线文件

# 在引入js文件的时候,一定要先引入jQuery文件,bootstrap的js文件是依赖于jQuery的js
# 在v3版本,在v4、v5版本就不需要了

二、Bootstrap的使用

1、

2、

3、

4、

5、

6、