Rails中重寫引導custom.css.scss工作不正常

Question

我的設置

我在引導爲Rails編輯.col-lg-4，並在導入語句後，我的custom.css.scss文件包括他們包括零填充。

的問題

我需要重寫引導CSS .embed響應視頻沒有width屬性，並填充設置爲零。我設法通過手動導入引導文件來制定一個臨時解決方案，但我仍想使用引導程序sass gem並覆蓋這些屬性。

但是，他們似乎並沒有在Custom.css.scss文件中重寫它們。

混合行爲（Custom.css.scss）

的問題是，如果我輸入引導鏈輪&引導，它似乎忽略了我的CSS，我不能設置什麼，我需要上述設置。

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

.thumb{ 
} 

.col-lg-4 { 
    padding: 50px !important; 
} 
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;height:100%;border:0} 

Application.css

*= require_tree . 
*= require_self 
*/ 

我也用耙assets:clean。

編輯：經過一些嘗試後，測試顯示，如果我提供了一個自定義引導CSS文件，而不是在Custom.css.scss中導入引導程序將解決問題。

但是，如果可能的話，我會想使用bootstrap sass gem。有沒有修復我目前的實施？

---

Answer 1

您是否檢查是否可以覆蓋變量中的變量$grid-gutter-width？

---

這是我平常的設置。我不使用require，但包括個人CSS手動控制層次：

* require_tree . 
* require_self 
*/ 

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

// Bootstrap components 
@import "navbar"; 
@import "forms"; 

// App components 
@import "orders"; 

1. 要覆蓋引導變量（https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss），我之前別的包含它。在其他任何事情之前，總是首先檢查變量覆蓋。

2. 要重寫一些Bootstrap組件，我將它們包含在單獨的CSS中。

3. 對於根據模型/視圖對其進行分類的應用特定樣式，我爲它創建了另一個CSS。

這是非常基本的，但它對大多數場合非常有效。