Offset-Bootstrap4

0

I can not get the Offset property to work. In the executable example you will not be able to appreciate it well since it is very shrunken and I put that property for large (lg). You can see it better here: link

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>
<!doctype html>
<html>
<head>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <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>Casilla 1</h1>
        <p>Contenido casilla</p>
      </div>
      <div class="col-lg-4 offset-lg-4" style="background-color:#ddd">
        <h1>Casilla 2</h1>
        <p>Contenido casilla</p>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-4  offset-lg-4" style="background-color:#ccc">
        <h1>Casilla 3</h1>
        <p>Contenido casilla</p>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-4" style="background-color:#aaa">
        <h1>Casilla 4</h1>
        <p>Contenido casilla</p>
      </div>
      <div class="col-lg-4  offset-lg-4" style="background-color:#ddd">
        <h1>Casilla 5</h1>
        <p>Contenido casilla</p>
      </div>
    </div>

  </div>
</body>
</html>
    
asked by Vendetta 17.08.2017 в 13:45
source

0 answers