SASS - 仅限 Bootstrap 3 GRID 和导航栏 - 如何？答案

【问题标题】：SASS - Bootstrap 3 GRID and Navbar only - how?SASS - 仅限 Bootstrap 3 GRID 和导航栏 - 如何？
【发布时间】：2016-11-10 16:55:10
【问题描述】：

如何将 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 导入我的项目的正确方法是什么？

我无法手动找到所有 mixin，这就是为什么我需要导入 mixins.scss 文件..

【问题讨论】：

标签： twitter-bootstrap-3 sass bootstrap-sass

【解决方案1】：

我只是幸运地将它导入了整个 sass 文件套件，然后注释掉了我知道我没有在 _bootstrap.scss 中使用的组件。为了防止错误，您最终可能会得到比您想要的更多的东西。

来自引导 SASS github：

默认情况下，所有 Bootstrap 都会被导入。

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

@import 'bootstrap-custom';

【讨论】：

导入 _bootstrap，但是当我尝试只导入我实际使用的组件时，这对我来说是一个非常头痛的问题（“没有名为 xxxxx 的 mixin”等）。或者什么是最佳实践?导入 _bootstrap.scss 并注释掉组件，我不使用什么？其实是一样的，是的。
您最安全的做法是从整个套件开始，然后注释掉您知道自己没有使用的组件。我通常注释掉一些，测试一下，再注释掉一些，直到出现错误。这并不理想 :) 但我确实相信 bootstrap 4 正在完全切换到 SASS，所以将来可能会有所改进。

【解决方案2】：

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

@import bootstrap/_forms;

【讨论】：