CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
hufflapuff
hufflapuff

Reputation: 225

Proper use of offsets/push

I'm writing a Bootstrap site and I was wondering if this is acceptable. The site looks how I want it to, but I was wondering if this is best practice?

<div class="container-fluid">
<div class="row">
  <div class="col-lg-3 col-lg-offset-1">
  </div>

  <div class="col-lg-6 col-lg-push-1">
  </div>
</div>
</div>

The approach I'm taking is to use 1 offset for every two missing columns, and use a push for every missing column. What would be the best way to rewrite this for semantic purposes, if at all necessary.

Upvotes: 5

Views: 55

Answers (1)

Michael Jones
Michael Jones

Reputation: 2272

Using Bootstrap offset is perfectly acceptable! What you are using it for (filling in missing columns) is perfectly acceptable too. They would not add it unless they didn't want you to use it.

If you where to not use offset then the only way to move stuff around would be margin (generally). The problem with that is that it ruins the point of using a grid system!

So IMO I think it is perfectly OK to use Bootstrap offset. I use it all the time in my website! :)

Upvotes: 3

Related Questions