我可以仅在我的Rails应用程序的一部分上使用Twitter Bootstrap吗？

Question

我正在尝试逐步将现有的大型Rails 4应用程序移至Bootstrap。 有什么方法可以仅使用特定布局而不使用其他布局的引导程序？ 还是可以在某个身体标签内使用引导程序？ 我试图避免在所有现有视图上引入自举字体样式等。

我正在使用资产管道。 这是我在application.css.scss文件中使用Bootstrap CSS的方式：

@import "bootstrap-sprockets";
@import "bootstrap";
@import '*';

Answer 1

假设您有两个布局文件application.html.erb和admin.html.erb 。 然后，您只需创建两个不同的清单文件application.css.scss和admin.css.scss即可 。 但是，您还应该为Bootstrap创建一个单独的CSS文件bootstrap_custom.css.scss 。

bootstrap_custom.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

注意：您不想在清单文件中使用@import ，因为它将需要每次重新编译，从而减慢了开发速度。 相反，请尽可能使用require ！

application.css.scss

//= require bootstrap_custom
//= require_tree .

admin.css.scss

//= require_tree .

然后，在您的布局文件中

application.html.erb

<%= stylesheet_link_tag "application" %>

admin.html.erb

<%= stylesheet_link_tag "admin" %>

因此，现在，您的应用程序布局具有引导程序，而管理员布局则没有。

Answer 2

Bootstrap仅会在其被调用的网页上的选择器中关联的类上调用。您可以调用以仅在您要应用其的页面上加载Bootstrap。