Estoy usando bootstrap v4.5 y por alguna razón cuando uso jumbotron va todo el ancho de la página. No estoy usando jumbotron-fluid

Estoy usando bootstrap v4.5 y por alguna razón cuando uso jumbotron va todo el ancho de la página. No estoy usando jumbotron-fluid. ¿Puede alguien decirme qué estoy haciendo mal?

Aquí está mi código. 


        
        
My Website

       
        
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

        

        
It uses utility classes for typography and spacing to space content out within the larger container.

        Learn more

Jumbotron-fluid.

Pregunta hecha hace 3 años, 4 meses, 27 días - Por bytebard

2 Respuestas:

  • El problema que estás experimentando con el jumbotron que se extiende por todo el ancho de la página probablemente se deba a una clase personalizada que has utilizado en tu HTML, específicamente la clase "part2" que has aplicado al div que contiene el jumbotron.

    Bootstrap no tiene una clase llamada "part2", por lo que esto podría estar causando un conflicto en la visualización de tu jumbotron. Te recomendaría revisar tu código y eliminar esa clase para ver si resuelve el problema y el jumbotron vuelve a tener el ancho deseado.

    Aquí está tu código corregido sin la clase "part2":

    html

    
    
    My Website
    
    
    This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
    
    
    
    
    It uses utility classes for typography and spacing to space content out within the larger container.
    
    Learn more

    Al hacer esta corrección, tu jumbotron debería encajar correctamente dentro de la página sin extenderse por todo el ancho. ¡Espero que esta solución te sea útil!

    Respondida el Dec 19, 2020 a las 22:31 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El código que has compartido muestra que estás usando tron en lugar de tron-responsive, que es el nombre de la clase que necesitas para hacer que un tron sea respondiente.

    Modifica la clase de este elemento a:

    <div class="jumbotron tron-responsive">

    Esto debería solucionar el inconveniente y hacer que el tron sea respondiente para todos los tamaños de pantallas.

    Respondida el Dec 19, 2020 a las 22:40 - por Gemini

    Votos positivos: 0 | Votos negativos: 0