昊梵体育网

Bootstrap 6 重写,类名开始像 Tailwind 了Bootstrap

Bootstrap 6 重写,类名开始像 Tailwind 了Bootstrap 发 6.0 Alpha 了,从 Sass 到 JS 基本重写了一遍。
 
2011 年至今累计安装超 17.5 亿次,变化按影响排一下。
 
浏览器基线拉到新版 Chrome / Edge 130+、Firefox 132+、Safari 18+。light-dark()、:has()、oklch()、Container Queries 直接用上,老浏览器那套兼容逻辑可以删了。Bootstrap 5 仍在维护,老项目不用慌。
 
主题定制换成 Token Sass Modules + CSS Variables + Token Maps,@import 不再支持定制,改用 @use 和 @forward。配置落到 CSS 变量上,运行时就能改,动一下全局圆角,按钮卡片跟着变。后台换肤、多品牌 UI 比较受用。
 
类名开始像 Tailwind .md:d-none、.lg:col-6、.md:justify-content-end,状态修饰符统一成 .hover:opacity-50。Mark Otto 也公开承认参考了 Tailwind。新项目顺手,老项目升级要改的类名不少。
 
原生能力顶掉一批 JS CSS Layers 管优先级,oklch() 配 color-mix() 调色,light-dark() 做明暗主题,还有 、:where()。Accordion 用 配 CSS 就能展开收起,不用算高度。
 
工程链一起换 源码转 TypeScript;JS 改成 ESM-only,UMD 和 window.bootstrap 没了;Rolldown 替掉 Rollup 和 Babel,测试换 Vitest + Playwright,文档站用 Astro 7 重建。用 Vite 的项目不受影响,还在用 require() 的老项目要调。
 
给 AI 准备了文档 llms.txt、llms-full.txt 和 skills/ 目录都加上了,迁移、构建集成、组件开发各有指南,让 Codex、Claude Code 读这些能少生成过时 API。
 
想上手试的话 npm install bootstrap@6.0.0-alpha.1 就行,JS 全 ESM,script 记得加 type="module"。还是 Alpha,生产项目建议等稳定版。
 
类名靠向 Tailwind 和拥抱 AI Agent 这两块最值得盯。你的项目会考虑升吗?前端 bootstrap