使用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"> //这是我的
更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!
以上是bootstrap怎麼改樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!