Topic: .push-*-* .pull-*-* not working in MDB_Pro_4.4.1

Gautam Chaudhary priority asked 7 years ago


<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>

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.


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

Gautam Chaudhary priority answered 7 years ago


Works perfectly with flex-breakpoint-column-reverse perfectly.

Please insert min. 20 characters.

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