SASS

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

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

Answer 1

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

来自bootstrapSASSgithub:

By default all of Bootstrap is imported.

You can also import components explicitly. To start with a full list of modules copy _bootstrap.scss file into your assets as _bootstrap-custom.scss. Then comment out components you do not want from _bootstrap-custom. In the application Sass file, replace @import 'bootstrap' with:

@import 'bootstrap-custom';

Answer 2

正确答案不是添加整个库。您需要包含 _forms.css 以获得表单内联混合。

@import bootstrap/_forms;

SASS - Bootstrap 3 仅限 GRID 和 Navbar - 怎么样？

SASS - Bootstrap 3 GRID and Navbar only - how?

bootstrap-sass

twitter-bootstrap-3