2016-06-28 82 views
0

如何将Bootstrap 3 gridnavbar导入我的.sass文件?SASS - Bootstrap 3仅限GRID和Navbar - 如何?

我想:

@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 

什么是导入一个自举3(引导-SASS)电网和navbar到我的项目正确的方法?

我找不到手动将所有的混入,这就是为什么我需要进口mixins.scss文件..

回答

1

我只有运气导入它的青菜文件的整个套件,然后注释掉组件我知道我m不会在_bootstrap.scss中使用。你最终可能会比你想要的更多,以防止出现错误。

从引导SASS github上:

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';

+0

导入_bootstrap,但是当我试图导入只有我会实际使用的部件,那么它是我的一个总头痛(“无混入命名为XXXXX”等).. 或什么是最好的做法?导入_bootstrap.scss和注释掉组件,我不使用? 其实它是一样的,是的。 – Chalic

+0

你最安全的做法是从整个套件开始,然后注释掉你知道你不使用的组件。我通常会评论一些,测试一下,再发表一些评论,直到出现错误。这不是理想的:)但我确实认为引导程序4完全切换到SASS,所以也许它将在未来得到改善。 – Katie

0

正确的答案是不加全库。您需要包含_forms.css才能获得内联mixin。

@import bootstrap/_forms;