Bootstrap 4 中文文档

全球最流行的前端框架 v4.6.2 稳定版 — 含 jQuery 驱动的丰富组件

文档

快速入门、布局、网格系统、组件等完整中文文档。

开始学习

组件

按钮、卡片、导航栏、模态框等 v4 组件演示和代码片段。

查看组件

迁移

从 Bootstrap 3 迁移到 v4，或从 v4 升级到 v5 的完整指南。

迁移指南

快速开始

CDN 引入（推荐）

<!-- Bootstrap 4 CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

<!-- jQuery、Popper.js 和 Bootstrap 4 JS -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>

Bootstrap 4 依赖 jQuery 和 Popper.js，与 v5 的纯 JS 实现不同。

了解更多

Bootstrap 4 vs 5 核心差异

特性	Bootstrap 4	Bootstrap 5
JavaScript 依赖	jQuery + Popper.js	原生 JS（无依赖）
CSS 构建	Less	Sass
栅格前缀	.mr-* / .ml-*	.me-* / .ms-*
数据属性	data-*	data-bs-*
IE 支持	IE 10+	不支持 IE
图标库	无内置，推荐 Font Awesome	Bootstrap Icons
最新版本	v4.6.2（稳定维护）	v5.3.3（活跃开发）

查看完整迁移指南