Что я делаю не так с pull, push в Bootstrap?

Question

[sergey1989]

Здравствуйте. Нужно переместить блоки в мобильной версии сайта, но когда применяю push, pull то блоки плывут и в десктопной версии. Верстаю на 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>

На картинке первый блок в мобильной версии должен перестроится.

Answer 1

[Sanan Yuzb]

В классах указывайте, как должен он располагать в десктопной версии.
У вас например написано col-md-4 col-sm-4 col-xs-push-12 пропишите сюда класс с lg

Comments

[sergey1989]

значит нужно под sm md и lg прописать?

[Sanan Yuzb]

Да. Цитата из документации Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md-* class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg-* class is not present.. Означает, что указанный класс относится к своему соответсвующему размеру экрана и больше, если не указан класс для большего экрана