我有一个 Bootstrap 5 页面，它旁边使用垂直导航和选项卡。
该网站工作正常，但特别是在较大的屏幕上，它会根据选项卡中显示的SATA数量在视口中上下移动。
我试图确保标题/导航保持在屏幕顶部，无论相关选项卡中显示多少数据。
我使用的代码可以总结如下：
<body>
<div class="container-fluid" style="width: 90%">
<div class="row">
<h1 class="text-center text-white display-4">Header</h1>
<div class="col-md-3">
<nav class="nav flex-column nav-pills nav-pills-custom" id="navTab" role="tablist">
<a class="nav-link active"...data-bs-toggle="pill" href="first-tab" role="tab" ...">Link 1</a>
<a class="nav-link"...data-bs-toggle="pill" href="first-tab" role="tab" ...">Link 7</a>
</nav>
</div> <!-- col-md-3 -->
<div class="col-md-9">
<!-- Tabs content -->
<div class="tab-content" id="tabContent">
<!-- ******************** Tab1 ****************** -->
<div class="tab-pane fade shadow rounded bg-white p-5" id="first-tab" role="tabpanel">
<h4 class="font-italic mb-4">First Tab</h4>
<p class="font-italic text-muted mb-2">Short content.</p>
</div>
<!-- ******************** Tab7 ****************** -->
<div class="tab-pane fade shadow rounded bg-white p-5" id="last-tab" role="tabpanel">
<h4 class="font-italic mb-4">Last Tab</h4>
<p class="font-italic text-muted mb-2">Longer content.</p>
</div>
</div> <!-- tabContent -->
</div> <!-- col-md-9-->
</div> <!-- row -->
</div> <!-- container-fluid -->
</body>
抱歉 - 我完全错过了 Bootstrap 文档中的固定顶类。