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>

 

About Post Author

pablocia

Lo mejor para observar la corriente es no estar en ella, así que toma distancia, piensa y verás la solución. <a href="https://es-es.facebook.com/visualxtudio">Facebook</a>
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entrada anterior Google presenta Google Web Designer
Entrada siguiente Prestashop: Mostrar el editor TinyMCE en la descripción de las categorías