+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Bootstrap 3. Изменение порядка следования адаптивных блоков

  1. #1
    Новичок Yura1976 на пути к лучшему Аватар для Yura1976
    Регистрация
    13.03.2014
    Сообщений
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Bootstrap 3. Изменение порядка следования адаптивных блоков

    Необходимо, чтобы блоки размещались при разрешениях от 768px как показано на схеме:

    а при меньших разрешениях - как на схеме


    Т.е., фактически, нужно, чтобы при разрешениях менее 768px блок 2 располагался между строк (<div class="row">...</div>) 1 и 3.
    Использование .col-md-push-{nc} и .col-md-pull-{nc} не помогает (или я его не правильно использую). Была мысль показать в верстке блок 2 дважды (слева и между строк 1 и 3) и левый блок 2 скрывать при разрешениях < 768 с помощью hidden-xs и hidden-sm, и отображать тот блок между 1 и 3. Но в таком случае вся информация блока 2 будет подгружаться дважды, что не есть хорошо.
    Возможно ли такое корректно реализовать, используя bootstrap 3? Если да, то как? Кто знает, наведите, пожалуйста, хотя бы на мысль.
    Заранее спасибо!

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,995
    Thanks
    141
    Thanked 147 Times in 147 Posts
    <div class="row">
    <div class="col-sm-12 col-md-6">
    </div>
    <div class="col-sm-12 col-md-6">
    </div>
    </div>

+ Ответить в теме

Похожие темы

  1. Логотип + Bootstrap 3
    от I_Ran_Past в разделе HTML
    Ответов: 0
    Последнее сообщение: 01.03.2017, 02:00
  2. фреймворк bootstrap
    от orion111 в разделе CSS
    Ответов: 6
    Последнее сообщение: 29.05.2016, 01:54
  3. Ответов: 0
    Последнее сообщение: 14.02.2016, 01:43
  4. bootstrap расположение блоков.
    от zero20 в разделе HTML
    Ответов: 2
    Последнее сообщение: 27.08.2015, 22:05
  5. Bootstrap
    от maertukaev в разделе Прочие языки
    Ответов: 1
    Последнее сообщение: 27.08.2015, 21:42

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения