[Помогите] Toggleable / Dynamic Tabs на Bootstrap4

Стандартная табуляция с бутстрап 3 не работает корректно на 4-ке. Как осуществить данную табуляцию на четвертом бутстрапе?

HTML:

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
  <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
  <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>

<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
    <h3>HOME</h3>
    <p>Some content.</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>Menu 1</h3>
    <p>Some content in menu 1.</p>
  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>Menu 2</h3>
    <p>Some content in menu 2.</p>
  </div>
</div>

 

Видимо да. Попробую реализовать. Я смотрел на w3schools - там видимо не совсем актуальная инфа.