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
    el 16 may. 2017 a las 14:10

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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