一行class就能让页面在手机、平板、电脑上都顺眼,这事我信了。
真上手才发现,Bootstrap不是“又一个UI库”,而是把CSS写成了说明书:.d-flex就是flex,.mb-3就是margin-bottom:1rem,背不下来?
以前写响应式得自己搓媒体查询,现在把col-lg-4 col-md-6 col-12往div上一扔,栅格自动伸缩,连设计师都闭嘴了。
原本想用Ant Design,但打包体积吓退后端老哥。
图标也本地,bootstrap-icons-1.11.3.woff2只有120k,比在线字体稳太多。
最香的其实是新出的浮动标签。
表单验证样式更狠,:valid :invalid直接变绿变红,省掉一堆JS判断。
_variables.scss里把$primary改成自家品牌色,再跑一遍sass编译,整套UI瞬间换脸。
jQuery被踢出去后,包体积直接瘦30%。
老项目升级也简单,把jquery.min.js删掉,bootstrap.bundle.min.js里已经自带Popper,页面零报错。
PWA里把Bootstrap当纯样式用,React组件里className="btn btn-primary",打包后只抽用到的类,Tree-shaking完剩不到50k。
社区里还有一堆野路子:有人把Bootstrap和Tailwind混着用,工具类写.tw-flex,组件用.btn,爽完再purgeCSS,体积没膨胀;也有人拿Bootstrap做邮件模板,内联样式一把梭,Outlook里都不乱。
说到底,Bootstrap就是前端界的瑞士军刀:不会设计的后端能画页面,不会写CSS的产品能调间距,连实习生都能三天搭个后台。
它不是最潮的,却是最省命的。
