TABS CSS Bootstrap (in Joomla)

tabs.css

<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#pane1" data-toggle="tab">Meus textos</a></li>
<li><a href="#pane2" data-toggle="tab">Meus favoritos</a></li>
<li><a href="#pane3" data-toggle="tab"></a></li>
<li><a href="#pane4" data-toggle="tab"></a></li>
</ul>
<div class="tab-content">
<div id="pane1" class="tab-pane active">

<?php echo $cck->getValue('mod_textos'); ?>

</div>
<div id="pane2" class="tab-pane"

<?php echo $cck->getValue('meus_textos_favo'); ?>
</div>
<div id="pane3" class="tab-pane">

</div>
<div id="pane4" class="tab-pane">
<h4></h4>
</div>
</div>
<!-- /.tab-content --></div>
<!-- /.tabbable -->