我正在開發一個專案，我需要將 Bootstrap 與許多自定義 CSS 檔案一起使用。到現在為止，我一直在我的 index.html 檔案中直接匯入 Bootstrap 的 CSS，如下所示：
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384- 0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7 AMvyTG2x"
crossorigin="anonymous"
/>
但是現在我需要從 node_modules 匯入 Bootstrap CSS，所以我嘗試將它匯入到我的 index.css 檔案中，如下所示：
@import "bootstrap/dist/css/bootstrap.min.css";
它正在“作業”，但現在，所有 Bootstrap CSS 宣告，包括它的重啟，都覆寫了我自己的自定義 CSS（直到那時情況并非如此）。
所以我的問題是：有沒有辦法匯入本地版本的 Bootstrap 的 CSS 而不讓它接管我的自定義 CSS 檔案？
我在這里看到了一個解決方案，但是在我的許多檔案中為所有 CSS 宣告添加自定義主體 ID 看起來有點太多了。
uj5u.com熱心網友回復：
解決方案是復制bootstrap.min.css到公共檔案夾中并將其匯入到我的 index.html 檔案中。出于某種原因，我第一次嘗試時它不起作用。作為參考，匯入是這樣完成的：
<link
href="css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384- 0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7 AMvyTG2x"
crossorigin="anonymous"
/>
uj5u.com熱心網友回復：
您可以bootstrap.min.css在您的“custom.css”之前匯入，然后它不會覆寫您的自定義 CSS。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/333950.html
標籤：javascript html css 反应 推特引导