首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML CSS - nav-tabs,数据切换=“tab”

HTML CSS - nav-tabs,数据切换=“tab”
EN

Stack Overflow用户
提问于 2018-07-11 22:41:46
回答 1查看 978关注 0票数 1

我在编辑HTML页面时遇到问题。我需要更改nav- tab上第二个选项卡上的内容,即名称为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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-12 06:22:27

这是正确的引导程序nav-tabs结构

<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51288362

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档