Bootstrap 是由 Twitter 开发的开源前端框架，广泛用于构建响应式网页设计。以下是关键知识点：

📌 1. 核心特性

  • 响应式网格系统
    Bootstrap_网格系统
  • 预设组件库
    Bootstrap_组件库
  • CSS 框架
    Bootstrap_CSS

📚 2. 学习资源

🧠 3. 应用场景

场景 说明
单页应用 快速搭建美观的 UI 模板
移动优先 自动适配手机/PC 多端显示
企业官网 提供统一的设计语言和响应式布局

📱 4. 版本选择

  • Bootstrap 5：支持暗色模式，移除 jQuery 依赖
    Bootstrap_5
  • Bootstrap 4：兼容 IE10+，提供 Flexbox 布局支持

📌 小贴士：使用 Bootstrap 代码生成器 可快速创建基础模板

🌐 5. 开发工具

  • 官方推荐使用 npm 安装
  • 可搭配 VSCode 使用官方插件
  • 支持 Sass 预处理器（需额外配置）

📌 提示：点击 Bootstrap 示例项目 查看完整代码演示