Для того чтобы сделать выбранный таб активным в Bootstrap, вам потребуется добавить класс "active" к соответствующему элементу таба.
В Bootstrap используется компонент "Tab", который позволяет создавать навигацию с несколькими вкладками. Внутри компонента Tab содержится список элементов "Nav" с классом "nav-tabs" и элементы с классами "nav-item" и "nav-link". Чтобы сделать выбранный таб активным, добавьте класс "active" к элементу "nav-item", а также добавьте атрибут "aria-selected="true"" к элементу "nav-link".
Вот пример кода:
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" aria-selected="true" href="#tab1">Tab 1</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-selected="false" href="#tab2">Tab 2</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-selected="false" href="#tab3">Tab 3</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
Content for Tab 1
</div>
<div class="tab-pane" id="tab2">
Content for Tab 2
</div>
<div class="tab-pane" id="tab3">
Content for Tab 3
</div>
</div>
В этом примере, первый таб "Tab 1" будет активным при загрузке страницы, так как ему присвоен класс "active" и атрибут "aria-selected="true"". Остальные табы будут неактивными.
Вы можете изменить активный таб, добавляя класс "active" и атрибут "aria-selected="true"" к выбранному элементу "nav-item" и "nav-link".