0

Tengo el siguiente jumbotron usando la plantilla AdminLTE cuando corro el menu lateral se ve bien de la siguiente forma

introducir la descripción de la imagen aquí

Pero cuando cuando el menu lateral esta en posicion normal (no colapsado) el jumbotron se pierde en la parte derecha

introducir la descripción de la imagen aquí

Como puedo hacer que cada vez que colapse o no la barra lateral el jumbotron cambie de tamaño para que quede de forma centrada como en la imagen 1

Codigo del jumbotron

<div class="container">
        <div class="center jumbotron">
            <h1>Bienvenidos</h1>
            <p>Sistema Gestor de Licores</p>
        </div>
    </div>

Gracias por la ayuda.

2
  • 3
    ¿Podrías incluir un ejemplo que pudiéramos reproducir? Commented el 1 abr. 2018 a las 19:23
  • Ese trozo de código es correcto, el problema debe estar en el contenedor donde lo estás colocando. Commented el 1 abr. 2018 a las 22:24

1 respuesta 1

2

La clase center debe ir colocada en el contenedor no en el elemento, puesto que se centra el contenido del contenedor (valga la redundancia).

<div class="container center">
    <div class="jumbotron">
        <h1>Bienvenidos</h1>
        <p>Sistema Gestor de Licores</p>
    </div>
</div>
2
  • no funciono, se sigue viendo igual
    – Baker1562
    Commented el 3 abr. 2018 a las 18:50
  • creo que lo que se esta desbordando no es tu jumbotron entonces es el contenedor del mismo debido a que le reduces el view width de la pantalla intenta hacer que el contenedor del jumbotron cambie el tamaño dinamicamente, trata de darle medidas relativas al tamaño del padre Commented el 3 abr. 2018 a las 19:46

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.