Html 引导简单下拉列表根本不显示

我试图在我的ASP.NET MVC5应用程序中添加一些类似于侧菜单的内容，但下拉菜单就是不显示

继续，我只是从引导页面复制示例，粘贴后什么也没有显示：

<div class="dropdown-menu">
  <span class="dropdown-item-text">Dropdown item text</span>
  <a class="dropdown-item" href="#">Action</a>
  <a class="dropdown-item" href="#">Another action</a>
  <a class="dropdown-item" href="#">Something else here</a>
</div>

下拉项文本

创建了此具有问题的小提琴：

---

也许我还需要补充一些问题。我想要像图片一样的东西。

确保在

bootstrap.min.js

之前加载

popper.js

。见下文：

 <div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown button
      </button>    
    <div class="dropdown-menu">
        <span class="dropdown-item-text">Dropdown item text</span>
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
    </div>
</div>

下拉按钮
下拉项文本

那么Javascript的顺序应该如下所示：

jQuery

popper.js

bootstrap.js

---

确保在

bootstrap.min.js

之前加载

popper.js

。见下文：

 <div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown button
      </button>    
    <div class="dropdown-menu">
        <span class="dropdown-item-text">Dropdown item text</span>
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
    </div>
</div>

下拉按钮
下拉项文本

那么Javascript的顺序应该如下所示：

jQuery

popper.js

bootstrap.js

---

您需要用“dropdown”类将菜单项包装为div，并包括dropdown按钮

以下是一个例子：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu">
   <span class="dropdown-item-text">Dropdown item text</span>
   <a class="dropdown-item" href="#">Action</a>
   <a class="dropdown-item" href="#">Another action</a>
   <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

下拉按钮
下拉项文本

---

这里是引导文档的链接，如果您想阅读更多关于下拉列表的内容：

您需要将菜单项a div包装为“dropdown”类，并包括下拉按钮

以下是一个例子：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu">
   <span class="dropdown-item-text">Dropdown item text</span>
   <a class="dropdown-item" href="#">Action</a>
   <a class="dropdown-item" href="#">Another action</a>
   <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

下拉按钮
下拉项文本

---

如果您想了解更多关于下拉列表的信息，请访问引导文档的链接：

我这样做了，但我的问题是@Devtician的答案。反正是Thx。我这么做了，但我的问题是@Devtician的答案。无论如何，谢谢。@Cristopherabortadadepaula很高兴我能帮上忙！在这种情况下，请将此答案标记为正确。@cristopherabortadadepaula很高兴我能帮上忙！在这种情况下，请将此答案标记为正确。