Corregir estilo pestañas bootstrap en telefonos (Fixed bootstrap tabs style phones)

closeHola! hace 3 years 9 months 12 days que escribí esta entrada, puede que esta información ya no sea valida en la actualidad, por favor se comprensivo conmigo cuando comentes 🙂

Cuando estamos realizando un diseño usando bootstrap con pestañas y tenemos muchas, podemos notar en los dispositivos moviles no queda muy bien el diseño, para corregir este pequeño “bug” solo debemos agregar el siguiente codigo CSS en nuestro esilo personalizado:

 

@media (max-width: 480px) { 
    .nav-tabs > li {
        float:none;
    }
}

 

Con esto ya tenemos un mejor diseño para nuestras pestañas (tabas) en teléfonos moviles, les dejo un pantallazo del resultado final:

 

bootstrap tabs

Como siempre, espero que les sea de mucha utilidad!

You may also like...

Deja un comentario

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