首頁 > web前端 > Bootstrap教程 > bootstrap怎麼改樣式

bootstrap怎麼改樣式

(*-*)浩
發布: 2019-07-19 10:34:18
原創
4434 人瀏覽過

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

bootstrap怎麼改樣式

我們可以透過覆寫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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板