Topic: .push-*-* .pull-*-* not working in MDB_Pro_4.4.1
<div class="container"> <div class="row flex-center parent-height pt-3 pb-3"> <div class="col-lg-6 push-lg-6 text-center pt-3" style="background-color: green; color: #fff;"> <p>.col-lg-6 .push-lg-6 (should be on RIGHT)</p> </div> <div class="col-lg-6 pull-lg-6 text-center pt-3" style="background-color: blue; color: #fff;"> <p>.col-lg-6 .pull-lg-6 (should be on LEFT)</p> </div> </div> </div>
In Bootstrap 4, there are no classes like
pull-*-* and push-*-*.Bootstrap 4 has updated its grid system and spacing utilities so in B4 for example we use float-*-* instead of pull-*-*. Source: https://getbootstrap.com/docs/4.0/migration/#utilities
Works perfectly with flex-breakpoint-column-reverse perfectly.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Priority
- Premium support: Yes
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Gautam Chaudhary priority commented 7 years ago
Should I use flex-breakpoint-column-reverse instead?Gautam Chaudhary priority commented 7 years ago
Works perfectly with flex-breakpoint-column-reverse perfectly.Gautam Chaudhary priority commented 7 years ago
Works perfectly with flex-breakpoint-column-reverse perfectly.