табы без содержимого этих табов bootstrap в шаблоне

[mstdmstd]

Всем привет,
Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть
табы без содержимого этих табов.

Я попытался посмотреть как это сделано в другом темплейте:
 

<div class="panel panel-default">

<div class="panel-heading">

<div class="text-muted bootstrap-admin-box-title">Tabs</div>

</div>

<div class="bootstrap-admin-panel-content">

<ul class="nav nav-tabs">

<li>

<a href="#tab-1" class="active"  data-toggle="tab" >Tab 1</a>

</li>

<li>

<a href="#tab-2" data-toggle="tab" >Tab 2</a>

</li>

<li>

<a href="#tab-3"  data-toggle="tab" >Tab 3</a>

</li>

</ul>

</div>

</div>

 

<div class="tab-content">

 

<div class="" id="tab-1">

<div class="panel-body">

<form role="form">

<fieldset>

<legend>Basic Settings</legend>

Content  tab-1

</fieldset>

</form>

 

</div>

  </div>

 

<div class="" id="tab-2">

 

<div class="panel-body">

<form role="form">

<fieldset>

<legend>Basic Settings2</legend>

Content tab-2

</fieldset>

</form>

 

</div>

 

</div>

 

</div>

 

Но не сработало, так как табы с содержимым изначально отображались на странице и кликом на заголовке страница ухоодила на корень проектаю
Я полагал, что для бутстрапа  для табов не нужна инициализация табов как это сделано в jQuery.
А как правильно ?

[npofopr]

http://getbootstrap.com/javascript/#tabs