關於bootstrap的css樣式如何修改的問題(這是一個小問題)


使用bootstrap可以簡化我們開發的流程和代碼,但是雖然bootstrap的代碼很方便,也面臨着css的樣式很單調的情況。

我們可以通過覆蓋css樣式解決。

但是筆者在寫的時候發現自己覆蓋的代碼無法改變bootstrap本來的代碼。

這是一個小問題,卻困擾了我一下午,網上也沒有相關的解答。

其實這個問題很簡單,因為html渲染的時候是自上而下的,后面的樣式會覆蓋前面的樣式。

所以如果你的css樣式不能覆蓋bootstrap的樣式,檢查一下是不是自己的樣式的引入放在了bootstrap的引入前面。

正確的是把自己的樣式引入放在bootstrap的引入后面。

比如:

    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="index.css"> //這是我的

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM