Foundation 更轻量，未启用额外组件且用默认配置时CSS比Bootstrap小15%–30%；其JS按需加载，核心仅25KB，而Bootstrap bundle达70–75KB；两者均支持Sass定制，但Foundation模块开关更细粒度。
Foundation 更轻量
，尤其在未启用额外组件、未加载 JavaScript 插件、且使用默认构建配置时，其 CSS 文件体积通常比 Bootstrap 小 15%–30%。
看 dist 目录下的实际文件大小
以当前主流版本（Bootstrap 5.3.x 与 Foundation 6.7.x / 或 ZURB 的替代方案 Foundation Sites）为例：
通常为 160–180 KB（含所有组件、表单、工具类）
默认仅含网格、排版、基础工具类时约 90–110 KB；若启用全部 UI 组件（如
、
），会接近 140 KB，但仍低于 Bootstrap 全量包
两者都支持 Sass 源码定制，但 Foundation 的
对每个组件开关更细粒度，删掉不用的模块后压缩效果更明显
JavaScript 部分差异更大
Foundation 的 JS 插件是按需加载的，而 Bootstrap 的
默认打包了 Popper + 所有交互组件（
、
、
等）：
原生Bootstrap旋转木马特效
原生Bootstrap旋转木马特效是一款基于jQuery实现的图片轮播切换代码。
下载
≈ 70–75 KB
（仅核心）≈ 25 KB；单独引入
这类插件时，单个文件多在 2–5 KB
如果你只用网格和按钮，Foundation 可以完全不加载 JS；Bootstrap 却仍需引入 bundle（否则
类行为失效）
容易被忽略的“轻量陷阱”
所谓“轻量”不等于“更快”，实际加载表现还取决于你如何用：
Bootstrap 的工具类（如
、
）写得多，HTML 体积会上升，gzip 后影响不大，但可读性和维护成本升高
Foundation 默认不提供原子类，鼓励语义化 class（如
），但若项目后期补一堆自定义 utility class，反而可能变重
两者都依赖 Autoprefixer，但 Foundation 的 Sass 输出更倾向保留原始结构，部分旧版构建工具下 CSS 压缩率略低
真正决定轻重的不是框架名字，是你删掉了什么、加载了哪些、有没有用
或构建时 tree-shaking。如果只图省事全量引入，Bootstrap 的“开箱即用”反而更容易失控；Foundation 则要求你一开始就得想清楚要什么。
bootstrap.min.cssfoundation.min.cssaccordiondropdown_settings.scssbootstrap.bundle.min.jsmodaltooltipdropdownbootstrap.bundle.min.jsfoundation.min.jsfoundation.accordion.jsdata-bs-togglemt-3d-flexbutton primarypurgecss