一、Bootstrap介绍
1、Bootstrap的由来
Bootstrap 是一个流行的开源前端框架,用于快速构建响应式和现代化的网站和 Web 应用程序。它由 Twitter 的前端工程师 Mark Otto 和 Jacob Thornton 在2011年开发,最初命名为 Twitter Blueprint。后来,他们将其开源并更名为 Bootstrap。
Bootstrap 提供了一套用于构建网站和应用程序的HTML、CSS 和 JavaScript 工具和组件。它的设计目标是让开发人员能够快速创建出现代化、美观且功能丰富的界面,同时确保在各种设备上都能提供一致的用户体验,即所谓的响应式设计。
2、版本
bootstrap的版本:v3、v4、v5我们推荐使用v3就行
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、