Настройка табуляции по умолчанию при загрузке страницы

Question

Как настроить вкладку по умолчанию как «активную» или «просматриваемую»? Насколько я понимаю, приведенный ниже код должен установить «добавить пользователя» в качестве активной вкладки и отобразить содержимое в #addUser при загрузке страницы, но не в моем случае. Вкладка «Добавить пользователя» не отображается, и я снова должен щелкнуть на других вкладках и вернуться на вкладку «Добавить пользователя», чтобы увидеть содержимое. Я что-то упускаю? Большинство моих исследований возвращает меня, чтобы установить класс как активный, но все еще не работает для меня.

<li role="presentation" class="active"> 
    <a href="#addUser" role="tab" data-toggle="tab"> 
    <i class="fa fa-plus"></i> Add User 
    </a> 
</li> 

Вот код для создания табуляции.

<div class="content-body"> 
    <ul class="nav nav-tabs" role="tablist"> 
     <li role="presentation" class="active"> 
      <a href="#addUser" role="tab" data-toggle="tab"> 
       <i class="fa fa-plus"></i> Add User 
      </a> 
     </li> 
     <li role="presentation"> 
      <a href="#rUser" role="tablist" data-toggle="tab"> 
       <i class="fa fa-minus"></i> Remove User 
      </a> 
     </li> 
     <li role="presentation"> 
      <a href="#eUser" role="tab" data-toggle="tab"> 
       <i class="fa fa-pencil-square-o"></i> Edit User 
      </a> 
     </li> 
</div> 

Answer 1

Основываясь на этом, единственное, что я вижу, это то, что вы забыли закрыть свой тег ul в конце.