無法使用 Bootstrap 實現我自己的樣式表？

Question

在使用 Bootstrap 時，我在使用自己的樣式表時遇到了麻煩。 這是我的 header.php 的開頭（我在 index.php 的開頭導入）：

<html>
<head>
<link href="includes/css/bootstrap.min.css" rel="stylesheet">
<link href="includes/mystyle.css" rel="stylesheet">

編輯：我發現由於某種原因，如果文件位於同一文件夾中，我可以通過以下方式包含該文件： <link mystyle.css" rel="stylesheet">但如果我移動該文件夾，包含文件夾並按照我的方式進行一開始做，出於某種原因它不會導入樣式表。很奇怪......

Answer 1

您可能必須使用更具體的選擇器或使用!important （不推薦）。

嘗試為您的菜單設置一個 id，比如說my-menu 。 然后，更改選擇器：

#my-menu {
  width: 300px;
  height: 400px;
}

如果您不想使用 ID，請嘗試添加!important ：

.dropdown-menu {
  width: 300px !important;
  height: 400px !imporatnt;
}

Answer 2

我通過將文件從includes取出來解決它。 我稍后再次嘗試將其放入包含文件並通過<link href="includes/mystyle.css" rel="stylesheet">引用它，現在它可以工作了。 可能是拼寫錯誤。 案件結案！