Bootstrap 3 col-sm-offset-x affects to the col-md-x structure

class twitter-bootstrap grid offset
amibumping picture amibumping · May 24, 2014 · Viewed 17.4k times · Source

I have this code <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> and bootstrap is making the offset to the col-md-12 too, I'm checking the code and I have no clue why this is happening, I think that this wasn't happening before, but I have go back a lot of steps in the code maybe to the point it was working and nothing.

If I remove the offset it works as suppose...but I don't have the offset on smaller resolutions.

This is the page where you can see the problem: Test page

Is the block where it puts "Especial 52º Aniversario"

Thanks for the help, is driving me nuts

Answer

DavidG picture DavidG · May 24, 2014

The offset applies from sm all the way up to max size. To stop it, add in col-md-offset-0 to prevent the offset applying to larger sizes.

Related questions

How to get button groups that span the full width of a parent in Bootstrap?

In Bootstrap, how can I get a button group like the following that span the full width of a parent element? (like with the ".btn-block" class, but applied to a group http://getbootstrap.com/css/#buttons-sizes ) <div class="btn-group" …

Read More
Changing the active class of a link with the twitter bootstrap css in python/flask

I got the following html snippet from my page template.html. <ul class='nav'> <li class="active"><a href='/'>Home</a></li> <li><a href=…

Read More
What does "Could not find or load main class" mean?

A common problem that new Java developers experience is that their programs fail to run with the error message: Could not find or load main class ... What does this mean, what causes it, and how should you fix it?

Read More