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樣式添加前綴。