Как указать другой сайт, используя Bootstrap вкладки?

Question

Я попробовал следующий код,

<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 будет работать правильно, но вкладка active не изменится. Я думаю, что href в этом случае поддерживает только внутренние ссылки? Я не уверена. Код выглядит очень просто, но я не смог его решить.

Answer 1

Можете ли вы попробовать окружить весь элемент списка ссылкой?

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