Question

如何将Bootstrap 3 grid和navbar导入我的.sass文件？

我试过了：

@import bootstrap/variables
@import bootstrap/mixins
//@import bootstrap/mixins/grid-framework
//@import bootstrap/mixins/grid
@import bootstrap/normalize
@import bootstrap/scaffolding
@import bootstrap/print
@import bootstrap/type
@import bootstrap/grid
@import bootstrap/responsive-utilities
@import bootstrap/navbar

但是我收到了一个错误：

Error: No mixin named form-inline

将Bootstrap 3（bootstrap-sass）网格和navbar导入我的项目的正确方法是什么？

我无法手动找到所有mixins，这就是我需要导入mixins.scss文件的原因..

Answer 1

我只是很幸运地将整个sass文件套件导入它，然后注释掉我知道我在_bootstrap.scss中没有使用的组件。你最终可能会比你更喜欢防止错误。

来自引导SASS github：

默认导入所有Bootstrap。

您还可以显式导入组件。从完整列表开始   模块将_bootstrap.scss文件复制到您的资产中   _bootstrap-custom.scss。然后从_bootstrap-custom注释掉你不想要的组件。在应用程序Sass文件中，替换@import   'bootstrap'用：

@import'bootstrap-custom';

Answer 2

正确答案不是添加整个库。您需要包含_forms.css才能获得form-inline mixin。

@import bootstrap/_forms;

SASS - Bootstrap 3 GRID和Navbar - 如何？

2 个答案: