Bootstrap 是Web上最流行的CSS框架。它使創(chuàng)建漂亮,響應(yīng)迅速的設(shè)計(jì)非常容易。但是,有時(shí)候并不希望在整個(gè)網(wǎng)站上使用 Bootstrap,您只需要使用Bootstrap CSS的一部分。如果只是將 Bootstrap CSS 直接添加到 head 中,就有可能會(huì)與其他的 CSS 產(chǎn)生沖突,從而產(chǎn)生混亂的樣式。
如果我們可以將 Bootstrap CSS 與特定類隔離,問題就解決了!只需要使用 LESS 為所有 Bootstrap CSS 添加一個(gè)類名稱。
LESS是一個(gè) CSS 處理器,允許您在編譯到CSS之前更改變量。這允許您更改一個(gè)變量(例如基本字體大?。?,LESS 將自動(dòng)調(diào)整所有依賴于它的樣式(例如行高,標(biāo)題等)。
以下展示如何使用LESS自定義bootstrap CSS,然后使用類bootstrap-iso為所有Bootstrap樣式添加前綴。