如何在一個Rails應用程序中使用兩個CSS框架？ （在同一應用程序上使用基金會和波旁威士忌整潔）

Question

我有一個使用Foundation 3構建的Rails應用程序（不使用gem。它位於vendor / assets / stylesheets / foundation.min.css中）。

我想逐漸將樣式代碼轉換為Bourbon / Neat。

我要記住的一件事是不要破壞以前的布局，而不必完成重新編碼。

是否有可能做到這一點？

rails版本：3.2.13 ruby​​：1.9.3

Answer 1

對於應用程序中的任何給定頁面，您都可以通過在該頁面上包含樣式表來包含所需的任何樣式。

因此，對於具有Foundation樣式的頁面，請確保您具有該樣式表的鏈接，對於具有Bourbon / Neat樣式的頁面，請具有該樣式表的鏈接。

通常，您可以通過添加以下內容來查看布局文件中一起包含的所有樣式表：

<%= stylesheet_link_tag "application", media: "all" %>

這只是指向索引文件（ assets/stylesheets/application.css ），該索引文件又列出了應該包含在頁面上的所有其他樣式表。

如果需要，可以將樣式表一個接一個地添加到頁面中，也可以使用2種不同的布局：1用於Foundation，1用於Bourbon / Neat。 然后，在每個布局中都有不同的樣式表集：

# points to assets/stylesheets/foundation.css
<%= stylesheet_link_tag "foundation", media: "all" %>

# points to assets/stylesheets/bourbon.css
<%= stylesheet_link_tag "bourbon", media: "all" %>

然后，當您從一個過渡到另一個時，您可以一次更改一個控制器動作，以使用通過Bourbon / Neat布局設置的Bourbon / Neat樣式表。