我可以僅在我的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。