Bootstrap 4.5选项卡在Blazor中始终打开页面，而不是选项卡内容

在Blazor中，使用Bootstrap 4.5的选项卡时，如果希望始终打开页面而不是选项卡内容，可以通过以下步骤实现：

首先，确保已经引入了Bootstrap 4.5的CSS和JavaScript文件。可以在Blazor的主页或布局文件中使用以下代码引入：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"></script>

在Blazor页面中，创建一个容器元素，用于包含选项卡和页面内容。例如，可以使用<div>元素：

<div class="container">
    <!-- 选项卡和页面内容 -->
</div>

在容器元素中，使用Bootstrap的选项卡组件创建选项卡。可以使用<ul>元素和<li>元素来定义选项卡，使用<div>元素来定义选项卡内容。示例代码如下：

<ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#page1">页面1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#page2">页面2</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#page3">页面3</a>
    </li>
</ul>

<div class="tab-content">
    <div id="page1" class="tab-pane fade show active">
        <!-- 页面1的内容 -->
    </div>
    <div id="page2" class="tab-pane fade">
        <!-- 页面2的内容 -->
    </div>
    <div id="page3" class="tab-pane fade">
        <!-- 页面3的内容 -->
    </div>
</div>