**关闭。**这个问题是not reproducible or was caused by typos。目前不接受答复。

此问题是由打印错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这一个是解决的方式不太可能帮助未来的读者。
昨天关门了。
Improve this question
我有两个标签，当我想去第二个标签;我得点击两次。第二个标签上的文本也间隔了一点。有人知道我做错了什么吗？
我试过使用不同的CDN进行引导，但这似乎并没有修复产品。
代码如下：

<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>

<link href="main.css" rel="stylesheet">

<link href="https://cdn.datatables.net/v/dt/dt-1.13.2/datatables.min.css" />

<div class="container-fluid d-flex justify-content-center">
  <div class="col-md-9">
    <ul class="nav nav-tabs mb-3" id="pills-tab" role="tablist">
      <li class="nav-link active" role="presentation"><button class="nav-link" id="pills-0-tab" data-bs-toggle="pill" data-bs-target="#pills-0" type="button" role="tab" aria-controls="pills-1" aria-selected="false">Len van Vliet</button></li>
      <li class="nav-item" role="presentation"><button class="nav-link" id="pills-1-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-2" aria-selected="false">Tes Abraha</button></li>
    </ul>
    <div class="tab-content" id="pills-tabContent">
      <div class="tab-pane active in show" id="pills-0" role="tabpanel" aria-labelledby="pills-0-tab">
        <table class="table">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Klantnaam</th>
              <th scope="col"></th>
            </tr>
          </thead>
          <tbody>
            <h3>Len</h3>
            <h6><i>De volgende zaken zijn nog niet geregistreerd:</h6>
                  </i>
              <tr>
                <th scope="row">1</th>
                <td>Moss Last Mile Heroes</td>
                <td>
                  <a href="" target="_blank"> <button type="button" class="btn btn-danger">Registreer</button></a>
                </td>
              </tr>
          </tbody>
        </table>
      </div>
      <div class="tab-pane fade" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
        <table class="table">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Klantnaam</th>
              <th scope="col"></th>
            </tr>
          </thead>
          <tbody>
            <h3>Tes </h3>
            <h6><i>De volgende zaken zijn nog niet geregistreerd:</h6>
                  </i>
              <tr>
                <th scope="row">1</th>
                <td>Salvador Massage Services</td>
                <td>
                  <a href="" target="_blank"> <button type="button" class="btn btn-danger">Registreer</button></a>
                </td>
              </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>