typescript 如何使用bootstrap下拉菜单？

fhg3lkii 于 2023-08-07 发布在 TypeScript

关注(0)|答案(1)|浏览(149)

我必须在图片中创建一个这样的下拉列表：
100d1x

的字符串
我试着使用这个URL的代码：https://getbootstrap.com/docs/4.0/components/dropdowns/，但它不会工作。我确实安装了 Bootstrap 。
“bootstrap”：“^5.3.1”，
html代码：

<html lang="en">
    <head>
        <title>Bootstrap Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" >
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" ></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>

</head>
  

  <div class="btn-group">
  <button
    type="button"
    class="btn btn-danger dropdown-toggle"
    data-toggle="dropdown"
    aria-haspopup="true"
    aria-expanded="false"
  >
    Action
  </button>
  <div class="dropdown-menu">
    <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 class="dropdown-divider"></div>
    <a class="dropdown-item" href="#">Separated link</a>
  </div>
</div>

字符串
这就是我得到的：

的
我应该如何写我的typescript代码？谢谢你，谢谢