Javascript 自定义CSS引导导航栏

我正在添加一个引导导航栏。这是我的HTML：

<nav class="navbar navbar-custom navbar-static-top">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Title</a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Search">
              </div>
              <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">Link</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                <ul class="dropdown-menu pull-right">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>

我遇到的问题是它没有加载我的CSS。我把这个css作为一个单独的样式表，并将它链接到我的HTML页面，但它仍然拒绝工作

我发现CSS在

在他的情况下，它工作得很好，所以我不明白为什么我的不行

关于我可能做错了什么有什么建议吗

谢谢

更新

这是我在我的部分中的内容：

<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="./css/custommenu.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

更新2

文件结构的图像：

---

更改您的进口订单

<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="./css/custommenu.css">

编辑 你的路径和另一条不一样

<link rel="stylesheet" href="css/style.css">

---

您应该始终在bootstrap.js脚本之前包含jQuery脚本。引导依赖于jQuery，以及排序问题

因此，脚本标记将是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

编辑：

---

对于这些错误，一个很好的提示是打开浏览器的控制台（对于FirefoxDeveloperEdition，它是Ctrl+Shift+K），并检查是否有任何错误。此特定错误应在控制台中留下一条消息，如“$未定义”或类似信息。

将您使用过的链接代码发布到控制台中。在使用you's css之前，您是否已在页面中插入bootstrap 3 css？@Manoj I已更新我的帖子您的文件夹结构如何？发布屏幕截图。从所有

href=

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>