HTML CSS - 导航标签，数据切换 ="tab"

Question

我在编辑 HTML 页面时遇到问题。我需要更改导航选项卡上第二个选项卡上的内容，该选项卡名为 Anexos。我试图创建一个新的 href，但这没有用。我需要做什么？

</div>
<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#adm_carteiras">Formulário</a></li>
  <li><a data-toggle="tab" href="#utilizacao">Anexos</a></li>
  <li><a data-toggle="tab" href="#utilizacao">Versões</a></li>

</ul>
<div class="tab-content">

  <div id="adm_carteiras" class="tab-pane fade in active">
    <div class="row">

      <div class="col-md-12">
        <div class="filtrar_cliente box" style="padding-bottom:25px;">
        <div class="box_conteudo">
        <div class="box_conteudo">
        <h1 class="title_box">Solicitação de Viagem</h1>


        <div class="adm_carteiras box">
          <div class="box_conteudo">

            <h4>Nome do Solicitante:</h4><br>


          </div> 
        </div>

Answer 1

这是正确的引导导航标签结构

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
  <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
  <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="home">...</div>
  <div role="tabpanel" class="tab-pane" id="profile">...</div>
  <div role="tabpanel" class="tab-pane" id="messages">...</div>
  <div role="tabpanel" class="tab-pane" id="settings">...</div>
</div>