时间戳

首页 > 解决方案 > 如何使用引导选项卡指向另一个网站？

html - 如何使用引导选项卡指向另一个网站？

问题描述

我试过下面的代码，

<ul class="nav nav-tabs">
   <li class="nav-item" id="web1Tab"><a class="nav-link active" data-toggle="tab" id="w1" href="link_to_website_1">Website1</a></li>
   <li class="nav-item" id="web2Tab"><a class="nav-link" data-toggle="tab" id="w2" href="link_to_website_2">Website2</a></li>
</ul>

它看起来确实像我预期的那样，但是href不起作用。另一方面，如果我删除该data-toggle="tab"部分，则href's 可以正常工作，但active选项卡不会改变。我想，href在这种情况下只支持内部链接？我不知道。代码看起来很简单，但我无法解决。

标签： htmlasp.net-corebootstrap-4tabshref

解决方案

您可以尝试用 href 包围整个列表项吗？

<ul class="nav nav-tabs">
  <a style="display:block" href="your_url1_here">
    <li class="nav-item" id="web1Tab">Website1</li>
  </a>

  <a style="display:block" href="your_url2_here">
    <li class="nav-item" id="web2Tab">Website2</li>
  </a>
</ul>

推荐阅读