col-lg-offset-0 #9128
Comments
|
Rolling back on this one in just a bit, per the discussion on the relevant commit above. |
mdo
added a commit
that referenced
this issue
Aug 12, 2013
Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in db45a60 c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
eratzlaff
referenced
this issue
Aug 13, 2013
…d (you'd have to set twice, for medium and large, in most cases--and that sucks)
stempler
pushed a commit
to stempler/bootstrap
that referenced
this issue
Apr 11, 2014
stempler
pushed a commit
to stempler/bootstrap
that referenced
this issue
Apr 11, 2014
Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the twbs#9128 fix in twbs@db45a60 c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * twbs#9135: fourth grid tier * twbs#9302: undoes previous range change for small grid system, so no need to update any docs here * twbs#8755: consistent grid and responsive utilities schemas) * twbs#9195, twbs#9216, and twbs#9227: no more horizontal scrollbars
stempler
pushed a commit
to stempler/bootstrap
that referenced
this issue
Nov 4, 2014
stempler
pushed a commit
to stempler/bootstrap
that referenced
this issue
Nov 4, 2014
Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the twbs#9128 fix in twbs@db45a60 c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * twbs#9135: fourth grid tier * twbs#9302: undoes previous range change for small grid system, so no need to update any docs here * twbs#8755: consistent grid and responsive utilities schemas) * twbs#9195, twbs#9216, and twbs#9227: no more horizontal scrollbars
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If I use col-sm-offset-2 on smaller displays, I may want to remove the offset on larger displays. A col-lg-offset-0 would be handy to remove the offset.
Can this be added?
The text was updated successfully, but these errors were encountered: