身體覆蓋不通過sass覆蓋與Bootstrap應用

我正在使用Gulp和Boostrap來放置一個主題。我有main.scss文件，該文件具有下面的代碼：身體覆蓋不通過sass覆蓋與Bootstrap應用

@import 'base/_base.scss'; 
@import 'base/_mixins.scss'; 
@import 'base/_variables.scss'; 
@import 'layouts/_footer.scss'; 
@import 'layouts/_header.scss'; 
@import 'layouts/_nav.scss'; 
@import 'modules/_typography.scss'; 
@import 'modules/_blocks.scss'; 
@import 'modules/_buttons.scss'; 
@import 'modules/_sections.scss'; 
@import 'modules/_components.scss'; 
@import "bootstrap"; 
@import "bootstrap/theme";

引導被加載OK，我可以在一個索引頁我看到它。問題出現在我將代碼添加到_base.scss。我增加了以下內容：

body { 
font-size: 16px; 
line-height: 1.5em; 
color: #666666; 
}

然後跑到gulp，我可以看到，它生成的CSS文件main.css，爲我的索引頁使用。我可以在main.css文件的頂部看到主體覆蓋，但是當我加載頁面時，它並未被應用。我可以在檢查元素中看到它正在被進一步向下的引導體定義覆蓋。

我做了另一個測試，並設置$font-size-base: 16px;並運行gulp，它應用的變化很好。

如果任何人都可以指出我正確的方向，將非常感激。

來源

2015-05-28 DMH

正如我所看到的，您有兩種選擇。

body 
{ 
font-size: 16px !important; 
line-height: 1.5em !important; 
color: #666666 !important; 
}

您引導後裝入你的CSS文件。
在你的css文件中，你添加！重要的是你想重寫的任何東西的結尾，就像上面那樣。

來源

2015-05-28 09:42:50 blairmeister

Woudnt是那麼意味着我需要申請！在覆蓋文件的每一件事情重要嗎？ – DMH

是的，如果你有很多東西，那不太好。你真的應該嘗試在引導後得到你的一個加載。 – blairmeister

我已經修改我的scss文件來首先加載boostrap。感謝您指點我在正確的方向:) – DMH

你可以試試這個

html body { 
font-size: 16px; 
line-height: 1.5em; 
color: #666666; 
}

來源

2015-05-28 09:49:12

身體覆蓋不通過sass覆蓋與Bootstrap應用

回答

相關問題