如何编辑bootstrap选项卡文本而不将其设置为当前且正在运行？

<div class="container">
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" href="#tab1">选项卡1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#tab2">选项卡2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#tab3">选项卡3</a>
    </li>
  </ul>

  <div class="tab-content">
    <div id="tab1" class="tab-pane fade show active">
      <h3>选项卡1内容</h3>
      <p>这是选项卡1的内容。</p>
    </div>
    <div id="tab2" class="tab-pane fade">
      <h3>选项卡2内容</h3>
      <p>这是选项卡2的内容。</p>
    </div>
    <div id="tab3" class="tab-pane fade">
      <h3>选项卡3内容</h3>
      <p>这是选项卡3的内容。</p>
    </div>
  </div>
</div>