1

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>

1 respuesta 1

2

El problema que tienes es que tienes los dos tabs activos

  <div id="menu1" class="tab-pane fade in active">

cambia por

  <div id="menu1" class="tab-pane fade">
1
  • Efectivamente era eso.
    – GAL
    Commented el 16 may. 2017 a las 14:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.