Bootstrap 核心样式自 v4 起用 Sass(.scss)编写,取代 v2/v3 的 Less;因 Sass 支持变量、嵌套、mixin 等特性,可高效管理响应式断点、栅格、间距等;JS 插件则用原生 ES6+ 编写,v5 起弃用 jQuery。

Bootstrap 源码不是用 JavaScript 或 HTML 编写的,核心样式部分是用 Sass(.scss 文件)编写的,从 Bootstrap 4 开始全面迁移到 Sass,取代了早期版本(v2/v3)使用的 Less。
为什么是 Sass 而不是纯 CSS?
直接写原生 CSS 难以维护大规模响应式样式系统。Sass 提供了变量、嵌套、混合(mixin)、函数和模块化导入等能力,让 Bootstrap 能高效管理断点、颜色、间距、栅格逻辑等可配置项。比如 $grid-breakpoints、$spacers 这类全局变量,全靠 Sass 支持才能统一控制整套响应式行为。
JavaScript 部分用什么写的?
Bootstrap 的 JS 插件(如 Modal、Dropdown、Toast)是用原生 JavaScript(ES6+)编写的,自 Bootstrap 5 起已完全移除对 jQuery 的依赖。源码位于 js/src/ 目录下,使用 ES 模块语法组织,构建时通过 Rollup 打包。
容易踩的坑:别把“使用方式”当成“编写语言”
常见误解是看到项目里写了 bootstrap.min.css 和 bootstrap.bundle.js,就以为源码就是 CSS 和 JS —— 实际上这些只是构建产物。如果你去 GitHub 上翻 Bootstrap 官方仓库,会发现:
-
scss/目录下全是.scss文件,是真实源码 -
js/src/下是.js源文件,但含大量import/export -
dist/下的.css和.js是构建结果,不是源码
想定制主题或调试样式逻辑,必须改 scss/ 里的文件,而不是直接覆盖 dist/css/bootstrap.css —— 否则下次升级或重构建就全丢了。


















