使用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"> //這是我的