自定義CSS將不會覆蓋缺省引導CSS

我在HTML和CSS相當新的，我堅持在這裏......自定義CSS將不會覆蓋缺省引導CSS

網址是：http://www.i1cevic.com/

基本上，「粗體文本」獲得「T是我在CSS定義的font-size：

h1 { 
font-family: 'Montserrat', sans-serif; 
font-weight: 700; 
line-height: 1.05; 
letter-spacing: -2.7px; 
font-size: 89px; 
} 




h1 small { 

font-family: 'Raleway', sans-serif; 
font-weight: 300; 
letter-spacing: -2.7px; 
font-size: 70px; 

}

我在遇到問題的類是h1，你可以看到font-size被定義爲89px，但不斷出現引導的默認h1尺寸：35-36px什麼的，我通過在font-size: 89px之後書寫!important來解決這個問題，但這不是解決方案...

這裏是HTML代碼。（不包括頭部）

<body id="page-top"> 
<header> 
    <div class="header-content"> 
     <h1><small><font color="black">Light Text</font></small></h1> 
     <h1><font color="black">Bold Text</font></h1> 
     <br> 
     <a class="btn btn-primary btn-xl page-scroll" href="#about">Find 
     Out More</a> 
    </div> 
</header> 
<!-- jQuery --> 
<script src="js/jquery.js"> 
</script> 
<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"> 
</script> 
<!-- Plugin JavaScript --> 

<script src="js/jquery.easing.min.js"> 
</script> 
<script src="js/jquery.fittext.js"> 
</script> 
<script src="js/wow.min.js"> 
</script> 
<!-- Custom Theme JavaScript --> 

<script src="js/creative.js"> 
</script> 
</body> 
</html>

來源

2016-03-06 bertone_in

你打上這個「jquery.fittext.js」腳本，調整大小根據頁面大小的文本，那麼自然，你有這個問題。該腳本將標籤「h1」添加爲「字體大小」。

來源

2016-03-06 17:50:17 peppinoibra

閱讀OP的問題。 '我通過寫作來超越這個問題！font size：89px後重要，但這不是解決方案......' –

感謝您的幫助，但請仔細閱讀OP！ –

我沒有看過那部分，但現在我已經添加了下面的解決方案。 – peppinoibra

我沒有看到你的代碼中你使用自己的CSS文件。
這就是爲什麼我在你的頭部定義的CSS：

H1 {FONT-FAMILY： '蒙特塞拉特'，無襯線; font-weight：700;行高：1.05; letter-spacing：-2.7px; font-size：89px; }
而我從你的h1標籤中刪除樣式。

font-size：65px;

來源

2016-03-06 17:57:51 NormundsP

感謝您的回覆！正如我上面回覆的，實際上我的樣式表是在bootstrap默認CSS下的，但我沒有將它包含在html複製/粘貼中，再次感謝併爲我的錯誤感到抱歉。 –

的問題是在頭部分，你需要首先把你的bootsrap CSS鏈接，然後鏈接到您的自定義CSS，像這樣：

<!-- first your bootstrap link--> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<!-- second your custom css--> 
<link rel="stylesheet" href="css/main.css">

好運

來源

2016-03-06 17:58:03

感謝隊友的快速回復，實際上我的樣式表是在bootstrap默認CSS下，但我沒有將它包含在html複製/粘貼中，再次感謝併爲我的錯誤感到抱歉。 –

我剛剛刪除了你的內聯風格，我可以看到你的風格過分引導風格

所以我認爲這是你的瀏覽器緩存嘗試清除緩存或做硬重新加載ctrl+shift+R如果你的使用的是Windows和cmd+shift+R鉻在Mac OSX