gem'bootstrap-sass'如何工作？

Question

我在Rails 4項目中使用bootstrap-sass gem。 現在，我想自定義應用程序外觀。 我已經看過它的Github頁面 ，Stack Overflow上的其他線程以及許多其他站點，但是找不到答案。 所以我有以下問題：

1. bootstrap-sass寶石如何工作？ 我了解它會在我的機器上安裝某些東西，但是在什么地方以及什么位置？

2. @import "bootstrap";是什么？ 到底是做什么的？ 我知道它導入CSS樣式，但是從哪里來呢？ 從本地文件夾還是從Internet？

3. 假設我准備了自己的引導程序主題（更改了sass變量），並且希望應用程序使用主題而不是默認樣式。 我該怎么辦？

Answer 1

簡而言之，bootstrap-sass實際上將Bootstrap源代碼（用一種名為LESS的語言編寫）轉換為SCSS（兩者確實非常相似，但仍然足夠不同），並將其打包在一個（可以說）易於使用的庫（gem）中。 ）。

@import是一個SASS指令，可以導入一個SASS文件（在本例中為“ bootstrap”），並使其內容（即CSS / SCSS內容）在您的項目中可用。

要修改默認值，您需要覆蓋適當的Bootstrap變量。 例如，如果要擺脫Bootstrap的默認圓角，請將其添加到“ custom.css.scss”文件（位於“ app / assets / stylesheets”中）的@import“ bootstrap”之前，如下所示：

$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;

@import "bootstrap";

您可以在此處找到所有變量及其默認值： http : //getbootstrap.com/customize/

請注意，您需要將用於表示LESS中變量的“ @”符號替換為“ $”（在SCSS中具有相同的作用）。

希望對您有幫助，祝您好運！