在版本 4 中使用引导网格我需要导入的最小值是多少

Question

我使用 yarn 将引导程序的源代码下载到我的应用程序中

yarn install boostrap

我尝试在我的应用程序中导入引导网格.css当我复制初学者示例时，外观没有应用网格布局样式。

https://getbootstrap.com/docs/4.0/examples/pricing/

当我添加整个 boostrap 时.css它工作得很好。

那么除了引导网格之外，我还应该导入什么来获取布局/网格组件？

Answer 1

定价示例使用牌组和牌，而不是网格。

如果你想要卡，你需要使用bootstrap.css. bootstrap-grid.css专门用于网格系统。

Answer 2

以下文件对我有用。我不确定这是否在任何地方都有记录。

functions.scss
variables.scss
mixins.scss
reboot.scss
_grid.scss

Answer 3

要完成 triplethreat23 的答案，您还应该导入 $grid-gutter-width 变量，以便在需要时能够在项目网格上设置装订线。您可能希望设置网格系统正在使用的其他变量，对于它们，请参阅官方文档，您应该能够添加它们，如以下示例所示：

/*------------------------------------*
    Grid gutter
*------------------------------------*/
$grid-gutter-width: 0 !default;
/*------------------------------------*
    Bootstrap file imports
*------------------------------------*/
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/reboot";
@import "~bootstrap/scss/grid";