estoy teniendo problema con los tabs. Cuando ingreso a la url donde los uso, se muestran los dos tabs juntos (el tab1 y tab2). Pero cuando hago click en el tab 1 o en el 2, se muestran bien.
Aquí mi código:
<div class="panel-body">
<ul id="tabs" class="nav nav-tabs">
<!--<li class="active"><a data-toggle="tab" href="#home">Detalle</a></li> -->
<li class="active"><a data-toggle="tab" href="#menu1">Datos de padre/madre (tutor o encargado)</a></li>
<li><a data-toggle="tab" href="#menu2">Datos de situación laboral</a></li>
</ul>
<!-- En un móvil las columnas ocupan la mitad del dispositivo y en un
ordenador ocupan un cuarto parte de la anchura disponible -->
<div class="tab-content row" id="content">
<div id="menu1" class="tab-pane fade in active">
<div class="col-xs-12 col-md-6"><h3><b>Datos del Padre</b></h3>
<br>
<br>
</div>
<div class="col-xs-12 col-md-6"><h3><b>Datos de la Madre</b></h3>
<br>
</div>
</div>
<div id="menu2" class="tab-pane fade in active">
<div class="col-xs-12 col-md-6"><h3><strong>Situación Laboral</strong></h3>
<br />
</div>
</div>