Skip to main content
Commonmark migration
Origen Enlace

EL problema es que en mi navegador no se ve correctamente los divs col-xs. No obstante aquí si se ve bien. Dejo una foto: introducir la descripción de la imagen aquí #HTML#

HTML

EL problema es que en mi navegador no se ve correctamente los divs col-xs. No obstante aquí si se ve bien. Dejo una foto: introducir la descripción de la imagen aquí #HTML#

EL problema es que en mi navegador no se ve correctamente los divs col-xs. No obstante aquí si se ve bien. Dejo una foto: introducir la descripción de la imagen aquí

HTML

Origen Enlace
UsuarioRandom
  • 754
  • 11
  • 26

Problemas con col-xs (Boostrap)

EL problema es que en mi navegador no se ve correctamente los divs col-xs. No obstante aquí si se ve bien. Dejo una foto: introducir la descripción de la imagen aquí #HTML#

<!doctype html>
<html>
<head>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <meta name"viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <div class="container">

    <div class="row">
      <div class="col-lg-4" style="background-color:#aaa">
        <h1>Columna 1</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-lg-4" style="background-color:#bbb">
        <h1>Columna 2</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-lg-4" style="background-color:#ccc">
        <h1>Columna 3</h1>
        <p>Prueba de Bootstrap</p>
      </div>
    </div>

     <hr>

    <div class="row">
      <div class="col-md-4" style="background-color:#aaa">
        <h1>Columna 1</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-md-4" style="background-color:#bbb">
        <h1>Columna 2</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-md-4" style="background-color:#ccc">
        <h1>Columna 3</h1>
        <p>Prueba de Bootstrap</p>
      </div>
    </div>

     <hr>

    <div class="row">
      <div class="col-sm-4" style="background-color:#aaa">
        <h1>Columna 1</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-sm-4" style="background-color:#bbb">
        <h1> Columna 2</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-sm-4" style="background-color:#ccc">
        <h1>Columna 3</h1>
        <p>Prueba de Bootstrap</p>
      </div>
    </div>

    <hr>

    <div class="row">
      <div class="col-xs-4" style="background-color:#aaa">
        <h1>Columna 1</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-xs-4" style="background-color:#bbb">
        <h1> Columna 2</h1>
        <p>Prueba de Bootstrap</p>
      </div>
      <div class="col-xs-4" style="background-color:#ccc">
        <h1>Columna 3</h1>
        <p>Prueba de Bootstrap</p>
      </div>
    </div>

  </div>
</body>
</html>