Bootstrap 是Web上最受歡迎的CSS框架。它使創建漂亮，響應迅速的設計非常容易。但是，有時並不希望在整個網站上使用 Bootstrap，您只需要使用Bootstrap CSS的一部分。如果只是將 Bootstrap CSS 直接加入到 head 中，就有可能會與其他的 CSS 產生衝突，從而產生混亂的樣式。
如果我們可以將 Bootstrap CSS 與特定類別隔離，問題就解決了！只需要使用 LESS 為所有 Bootstrap CSS 新增一個類別名稱。
LESS是一個 CSS 處理器，可讓您在編譯到CSS之前更改變數。這允許您更改一個變數（例如基本字體大小），LESS 將自動調整所有依賴它的樣式（例如行高，標題等）。
以下展示如何使用LESS自訂bootstrap CSS，然後使用類別bootstrap-iso為所有Bootstrap樣式加上前綴。
相關推薦：《bootstrap入門教學》
處理步驟：
1. 將匯入head 標籤中的bootstrap css 檔案
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
替換為
<link rel="stylesheet" href="https://formden.com/static/assets/demos/bootstrap-iso/bootstrap-iso/bootstrap-iso.css" />
2. 然後將HTML包裝在帶有類別bootstrap-iso的div中，如下所示：
<div class="bootstrap-iso"> <!-- Any HTML here will be styled with Bootstrap CSS --> </div>
以上是bootstrap css衝突嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
