Join GitHub today
Bootstrap 4 accepting offset-md-*, but not col-offset-md, among other grid system classes #19966
When I use the Boootrap 3.3.6 release,
Upon checking and checking, the naming conventions are apparently changed, as I checked it in the bootsrap.css file linked to it via maxcdn.
It works when I use: offset-md-* as the one I found in the CSS file. In the documentation though, it still says to use
Also, it's not just in offset-md, also occurs in pull, push in the various grid sizes too:
I also posted the question on Stack Overflow http://stackoverflow.com/questions/37427245/bootstrap-4-accepting-offset-md-instead-col-offset-md-naming-convention-bug/
This is intentional. Whatever documentation you're reading is outdated. See here https://github.com/twbs/bootstrap/blob/v4-dev/docs/examples/grid/index.html#L156
Hmm @helvecio , I agree the documentation lacks a bit of extra explanation. I also use a 10 column layout, but used justify-content-center on the wrapping row, like this:
No need to use the margin classes in such case then. I'm not sure what the advantages/drawbacks are for one over the other. I guess if you want different behaviour for different screen sizes, you might have to play around with the specific cols + margins.