How to change the location of the blocks at the desired resolution?

Question

Bootstrap

The bootstrap grid is connected, but push pull does not work

The site where you need to apply this is https://vision-reality.de/3d-animation/

<div class="row sec-3__row">
         <div class="col-12 col-md-12 col-md-push-12 col-lg-7 col-xl-6">
            <div class="text__col-6">
            <p>1</p>
            </div>
         </div>
         <div class="col-12 col-md-12 col-md-pull-12 col-lg-5 col-xl-6 bg_iframe">2
        </div>
     </div>

Answer 1

There's Bootstrap v4, instead of col-push and col-pull use order and offset: https://getbootstrap.com/docs/4.5/layout/grid/#reo...