user9964709
user9964709

Reputation:

Bootstrap offset is not working

I'm just trying to experiment with Bootstrap and I cannot make the offset to work and I don't know why. Here's my code:

<div class="container">
  <div class="row justify-content-between align-items-stretch">
    <div class="col-4 offset-2"> ABC </div>
    <div class="col-4"> DEF </div>
  </div>
</div>  

For some reason the offset-2 doesn't move the column at all. Do you know why?

Thanks in advance,

Upvotes: 0

Views: 184

Answers (1)

VISHNU PRASAD
VISHNU PRASAD

Reputation: 89

Hope this will work according to your requirements:-

<!DOCTYPE html>
<html lang="en">

<head>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="row justify-content-between align-items-stretch">

      <div class="col-4 col-md-offset-2">
        ABC
      </div>
      <div class="col-4">
        DEF
      </div>
    </div>
  </div>

</body>

</html>

Upvotes: 1

Related Questions