Problema con Bootstrap Tabs

Si no funcionan bien las Tabs con Bootstrap, probar actualizando jQuery a la versón 1.7 o posterior y a utilizar el atributo data-toogle. Es un fallo que también arrastra la versión 3.0 de Bootstrap.

 

<ul class="nav nav-tabs" data-tabs="tabs">
	<li class="active"><a href="#red" data-toggle="tab">Red</a></li>
	<li><a href="#orange" data-toggle="tab">Orange</a></li>
	<li><a href="#yellow" data-toggle="tab">Yellow</a></li>
	<li><a href="#green" data-toggle="tab">Green</a></li>
	<li><a href="#blue" data-toggle="tab">Blue</a></li>
</ul>
<div class="tab-content">
<div id="red" class="tab-pane active">
<h1>Red</h1>
red red red red red red

</div>
<div id="orange" class="tab-pane">
<h1>Orange</h1>
orange orange orange orange orange

</div>
<div id="yellow" class="tab-pane">
<h1>Yellow</h1>
yellow yellow yellow yellow yellow

</div>
<div id="green" class="tab-pane">
<h1>Green</h1>
green green green green green

</div>
<div id="blue" class="tab-pane">
<h1>Blue</h1>
blue blue blue blue blue

</div>
</div>

 

Comments