十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
小編給大家分享一下bootstrap和css一起使用沖突嗎,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),嘉定企業(yè)網(wǎng)站建設(shè),嘉定品牌網(wǎng)站建設(shè),網(wǎng)站定制,嘉定網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,嘉定網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
Bootstrap 是Web上最流行的CSS框架。它使創(chuàng)建漂亮,響應(yīng)迅速的設(shè)計非常容易。但是,有時候并不希望在整個網(wǎng)站上使用 Bootstrap,您只需要使用Bootstrap CSS的一部分。如果只是將 Bootstrap CSS 直接添加到 head 中,就有可能會與其他的 CSS 產(chǎn)生沖突,從而產(chǎn)生混亂的樣式。
如果我們可以將 Bootstrap CSS 與特定類隔離,問題就解決了!只需要使用 LESS 為所有 Bootstrap CSS 添加一個類名稱。
LESS是一個 CSS 處理器,允許您在編譯到CSS之前更改變量。這允許您更改一個變量(例如基本字體大小),LESS 將自動調(diào)整所有依賴于它的樣式(例如行高,標(biāo)題等)。
以下展示如何使用LESS自定義bootstrap CSS,然后使用類bootstrap-iso為所有Bootstrap樣式添加前綴。
處理步驟:
1. 將導(dǎo)入 head 標(biāo)簽中的 bootstrap css 文件
替換為
2. 然后將HTML包裝在帶有類bootstrap-iso的div中,如下所示:
看完了這篇文章,相信你對bootstrap和css一起使用沖突嗎有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!