Bootstrap 是一个开源的前端框架，由 Twitter 开发并维护，旨在简化网页设计和开发  
它提供了一套基于 HTML、CSS 和 JavaScript 的工具，帮助开发者快速构建响应式、移动优先的网站和应用程序  

Bootstrap 是前端开发者的强大工具，特别适合初学者和需要快速开发的项目  
通过其丰富的组件和工具，开发者可以专注于业务逻辑，而不必从头设计样式和布局  



主要特点
响应式设计
Bootstrap 的核心是响应式网格系统，
能够自动适应不同设备（如桌面、平板、手机）的屏幕尺寸，确保页面在各种设备上都能良好显示  

预定义样式
提供了丰富的 CSS 样式，包括按钮、表单、表格、导航栏等常用组件，开发者可以直接使用或自定义  

组件库
包含大量可复用的 UI 组件，如模态框、下拉菜单、轮播图、卡片等，减少开发时间  

JavaScript 插件
内置了基于 jQuery 的 JavaScript 插件，用于实现交互功能，如弹出框、工具提示、滚动监听等  

定制化
通过 Sass 变量和 mixins，开发者可以轻松定制 Bootstrap 的主题和样式  

跨浏览器兼容
支持主流浏览器（如 Chrome、Firefox、Safari、Edge 等），确保页面在不同浏览器中表现一致  

社区支持
拥有庞大的开发者社区，提供丰富的文档、教程和第三方资源  




核心组件
网格系统
基于 12 列的响应式布局系统，通过 .row 和 .col 类实现灵活的页面布局  

排版
提供了一套默认的字体样式、标题、段落和文本工具类  

表单
支持各种表单控件（如输入框、选择框、复选框等），并提供了验证样式  

按钮
多种按钮样式和状态（如默认、成功、警告、危险等），支持按钮组和下拉按钮  

导航栏
提供响应式导航栏组件，支持折叠菜单和下拉菜单  

卡片
用于创建灵活的内容容器，支持标题、图片、文本和按钮的组合  

模态框
用于创建弹出对话框，支持动态内容和交互  



使用方式

直接引入
通过 CDN 引入 Bootstrap 的 CSS 和 JavaScript 文件：


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>


下载源码
从 Bootstrap 官网 下载源码，并在项目中本地引用  

使用包管理器
通过 npm 或 yarn 安装：
npm install bootstrap




适用场景
快速原型开发
响应式网站设计
移动端优先的 Web 应用
需要标准化 UI 组件的项目



版本
Bootstrap 5：最新版本，移除了对 jQuery 的依赖，增加了新的实用工具和组件  
Bootstrap 4：广泛使用的版本，支持响应式设计和现代浏览器  
Bootstrap 3：较老的版本，逐渐被淘汰