1. 程式人生 > >bootstarp分頁外掛 bootstrapv3.css 與 bootstrap.min.css 樣式衝突

bootstarp分頁外掛 bootstrapv3.css 與 bootstrap.min.css 樣式衝突

  今天在優化自己的部落格專案時,發現啦一個頁面中的bug,就花了點時間解決。主要是bootstrap 響應式佈局的問題,在拖拽頁面大小的時候,發現選單欄的展示在一定的寬度時,會出現如下圖的情況


這裡寫圖片描述

正常效果應該是

這裡寫圖片描述


  因為頁面的模板是從網上下載的,所以對頁面整體的結構並不是很清楚,於是開啟F12, 檢視具體的細節,發現導航處引用的樣式是 bootstrapv3.css,而不是bootstap.min.css


這裡寫圖片描述


感覺應該是這個原因,於是去掉了對bootstrapv3.css的引用,結果響應式的bug改好了,但是分頁的樣式卻出問題啦,查了一下資料,發現bootstarp分頁外掛的樣式都封裝在bootstrapv3.css中,最後就想到把bootstrapv3.css 中與響應式佈局有關的程式碼刪除,然後就能同時引用兩個css檔案.




這裡寫圖片描述


最後順利解決啦bug !!! 以後遇到這種引用檔案造成的衝突,應該都能這樣解決。