我有一個完成(舊)頁面,現在我想添加一個啓動導航欄。防止舊的css文件干擾bootstrap導航欄
第一步是在引導樣式文件中設置一個包裝器,以免打擾舊網站。 這是通過少做,工作很好。
但另一個問題是,舊網站的CSS文件干擾導航欄的CSS。
導航欄包含這樣的:
<div id="navbar-wrapper">
-- navbar --
</div>
的bootstrap.less文件,如:
#navbar-wrapper {
-- all bootstrap things ---
}
有沒有辦法阻止對方的css文件打擾navbar(改變舊的css或包括通過iframe的導航欄對我來說是沒有解決辦法的)
您可以發佈在小提琴的代碼中,有一個選項,添加bootstrap.css – 2014-10-16 19:24:52
我抄少compilied引導文件卡列斯引導-less.css: http://jsfiddle.net/Zoker/ek7chqvu/ 在這裏你可以看到問題 – Zoker 2014-10-16 19:34:05
1)我會確保所有的navbar類都正確地被你的id「scoped」,2)更重要的是,舊的樣式表的特殊性可能會泄漏到你的導航欄樣式中,已經正確「範圍」引導樣式。 – hungerstar 2014-10-16 19:35:09