2

Me gustaría saber porqué Bootstrap no me centra el texto en el medio de la página. Les dejo el código y una imagen adjunta de la página.

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12">
      <h1 class="text-center">Fuji Bodyboards </h1>.
    </div>
  </div>

</div>

introducir la descripción de la imagen aquí

1
  • al div que tienes con col-xs-12 dejalo como col-sm-12 y agregale la clase d-flex justify-content-center esa es una propiedad de Bootstrap este es el LINK, puedes buscarla y no es necesario ponerle la clase al h1 el 30 abr. 2019 a las 19:43

1 respuesta 1

4

para este caso puedes ocupar flex que viene con bootstrap, el único cambio que le haría a tu código sería el siguiente:

    <div class="container-fluid"> 
        <div class="row">
                <div class="col-sm-12 d-flex justify-content-center">
                    <h1 class="text-center">Fuji Bodyboards </h1>.
            </div>
        </div>

    </div>

Modifiqué el col-xs-12 que tienes por col-sm-12 y le agregué la clase d-flex justify-content-center que es para centrar el texto, en realidad lo que hace no es centrar el texto, centra el elemento h1 que tienes dentro del div.

Si quieres ver más ejemplos de la propiedad flex puedes ver este link ->link

Saludos

Tu Respuesta

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

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