bootstrap css衝突嗎

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中文網其他相關文章！