首頁  >  文章  >  web前端  >  bootstrap怎麼改樣式

bootstrap怎麼改樣式

(*-*)浩
(*-*)浩原創
2019-07-19 10:34:184402瀏覽

使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn