Menu
Bootstrap 4 offset not working how can I solve it ?I have tried many times it's not behaving like the previous bootstrap please help me!my question is how can i find offset in this new version of bootstrap ?
623
The reason why it doesn't work is due to using the col-*-offset-* class in bootstrap 4 or a later version. Since bootstrap 4, the col-*-offset-* class was replaced with offset-*-* where the first * is the responsiveness (sm, md, lg, etc) and the second * is the number of columns (eg.
Offsets are used for spacing elements in the responsive grid. The unit is based on the column layout. Means that in the medium range of the grid system, the element will have a width of 6 colums and there will be 3 blank columns before the element (and as a consequence, will have 3 blank colums after).
An offset is used to push columns over for more spacing. To use offsets on large displays, use the . col-md-offset-* classes.
Updated 2018
Column offsets have been restored as of Beta 2
The offset classes are offset-(breakpoint)-*
Original answer (Bootstrap 4 Beta 1)
Offset, push, pull no longer exist in Bootstrap 4 beta so you must use auto-margins.
<div class="row">
<div class="col-4 mx-auto">
I'm centered and offset 4 columns
</div>
</div>
https://www.codeply.com/go/gIVefoBaAm
Also see: Offsetting columns is not working (Bootstrap v4.0.0-beta)
179
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
