能否仅使用Bootstrap 5网格系统？如何自定义构建仅含该系统的版本？

当然可以，Bootstrap 5保留了自定义构建的能力，只保留网格系统的实现方式主要有两种：

• 官方自定义构建工具：在Bootstrap的自定义构建界面中，仅勾选「Grid system」选项，同时根据需求选择必要的依赖项（比如Reboot提供的全局基础样式，部分Utility工具类是网格布局常用的辅助样式），取消所有其他组件（如按钮、表单、导航栏等）的勾选，即可生成只包含网格系统的CSS文件。

• 模块化SCSS导入：如果使用npm/yarn管理依赖的项目，可以直接在自定义SCSS文件中导入网格系统相关的核心文件，示例代码如下：

// 先导入Bootstrap核心函数、变量和混合宏（网格系统的依赖基础）
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";

// 仅导入网格系统样式
@import "../node_modules/bootstrap/scss/grid";

这种方式能精准控制编译内容，只生成网格相关的CSS代码。需要注意的是，如果不引入Reboot，要自行设置全局box-sizing: border-box;样式，否则会出现布局偏移问题。

内容的提问来源于stack exchange，提问作者Denis Kulagin