Hi thanks for that with your code it works plus in the custom html module you have to prepare content.
For reference the code in the documents is wrong
<div><!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Most read</a></li>
<li><a href="#profile" data-toggle="tab">Latest news</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="tab-pane active"></div>
<div id="profile" class="tab-pane"></div>
</div>
</div>
The correct one you supplied is
<div><!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Most read</a></li>
<li><a href="#profile" data-toggle="tab">Latest news</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="tab-pane active">{loadposition tab-1}</div>
<div id="profile" class="tab-pane">{loadposition tab-2}</div>
</div>
</div>