What am I doing wrong with pull, push in Bootstrap?

Question

css

Hello. It is necessary to move the blocks in the mobile version of the site, but when I use push, pull, the blocks float in the desktop version as well. I'm building on Bootstrap 3.

<section class="container">
    <div class="row">

      <div class="col-md-4 col-sm-4 col-xs-push-12">
        <div class="b-txt-left">
          <div class="b-second-text__title">Who should apply</div>

          <div class="b-text-left">
            <p>
              People who are passioanate about sales art  and want to improve their sale skills will benefit the most from this course.
            </p>
            <p>
              If you are implicated in any form of sales, doesn’t matter it’s b2c or b2b  and you don’t have enough time and
            </p>
          </div>
        </div>
      </div>
      <div class="col-md-8 col-sm-8 col-xs-pull-12">
        <div class="b-second-img b-second-img__lower">
          <img src="images/man-table.jpg" alt=""></div>
      </div>
    </div>
  </section>

In the picture, the first block in the mobile version should be rebuilt.

Answer 1

In classes, specify how it should be placed in the desktop version.
For example, you have written col-md-4 col-sm-4 col-xs-push-12write a class with lg here