Как сделать таб в Bootstrap 4 активным?

Question

[error401]

Есть табы сделанные на Bootstrap 4. Всего 2 таба. Нужно сделать, что бы один из них, при открытии страницы сразу был выбранным.

На данный момент, при открытии страницы сразу отображается контент нужного таба, но сама кнопка таба не выделена.

т.е., в данный момент это выглядит вот так:


А нужно, что бы при открытии(или после перезагрузке) страницы, выглядело вот так:


Вроде бы такая тривиальная задача, но хоть убей, не могу найти решение. Помогите пожалуйста. Код:

<nav>
		                    <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
		                      <a class="nav-item nav-link active nomargin" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true"><i class="fas fa-user-tie"></i> Introducing Broker</a>
		                      <a class="nav-item nav-link nomargin" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false"><i class="fas fa-network-wired"></i> Web partner</a>
		                    </div>
                  		</nav>

		                  <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">
		                    <div class="tab-pane yesmargin fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">

		                    	

		                      <p>Tab content</p>


		                    </div>
		                    <div class="tab-pane yesmargin fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
 <p> Tab content 2</p>


		                    </div>

Answer 1

[Павел]

По идее

$(document).ready(function () {
$('.nav-tabs a:first').tab('show');
$('.nav-tabs a:first').addClass('active');
 });

Comments

[error401]

не работает :(

[Павел]

error401, ну так а какой class у Вас отвечает за зеленый цвет вкладки?

[error401]

Павел, всё, разобрался. Спасибо вам огромное :)