Почему исчезают колонки в bootstrap?

Question

[pegas]

Обе колонки занимают 100% ширины экрана. Хочу поменять местами колонки, но почему-то они вовсе исчезают. В чём причина? push push вроде верно указал

<div class="row">
		<div class="col-lg-12 col-lg-push-12">2</div>
		<div class="col-lg-12 col-lg-pull-12">1</div>
	</div>

Answer 1

[sergey]

Пытаюсь понять что Вы хотите поменять? Что за логика? Вы знакомы с Bootstrap?
push и pull меняют положения блоков подобным образом:

<div class="container">
  <div class="row">
    <div class="col-lg-6 col-lg-push-6">2</div>
    <div class="col-lg-6 col-lg-pull-6">1</div>
  </div>
</div>

зачем менять местами то что идет друг под другом??? если вы же это можете изначально поменять ручками в коде

Comments

[pegas]

Изначально блоки идут друг за другом но, при адаптации на мобильных устройствах нужно чтобы блоки идущие друг за другом менялись местами.

[sergey]

ну тогда Ваш код неверный, менять положение блоков нужно изначально, а push и pull писать для расширения в котором Вы хотите их показать уже в новых положениях

[sergey]

вот так к примеру:

<div class="container">
  <div class="row">
    <div class="col-xs-6 col-xs-push-6">2</div>
    <div class="col-xs-6 col-xs-pull-6">1</div>
  </div>
</div>

изначально первым идет второй блок, но с помощью перестановки на мобильных мы видим сначала первый блок, а потом уже второй

[pegas]

SM: ok спасибо

[sergey]

Артём: да не за что:) удачи