X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Bootstrap 3. Изменение порядка следования адаптивных блоков
Yura1976
Yura1976
Topic Starter сообщение 2.2.2019, 23:22; Ответить: Yura1976
Сообщение #1


Необходимо, чтобы блоки размещались при разрешениях от 768px как показано на схеме:
[IMG]http://demchishin.ru/temp/1.png[/IMG]
а при меньших разрешениях - как на схеме
[IMG]http://demchishin.ru/temp/2.png[/IMG]

Т.е., фактически, нужно, чтобы при разрешениях менее 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? Если да, то как? Кто знает, наведите, пожалуйста, хотя бы на мысль.
Заранее спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 4.2.2019, 19:11; Ответить: Degradator
Сообщение #2


<div class="row">
<div class="col-sm-12 col-md-6">
</div>
<div class="col-sm-12 col-md-6">
</div>
</div>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 993 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1652 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыWeb-разработка (C++/PHP/SQL/JS/Bootstrap). HighLoad проекты.
0 DF™ 1420 28.7.2020, 13:24
автор: DF™
Открытая тема (нет новых ответов) Разработка адаптивных сайтов, Landing page, интернет - магазинов и др.
0 Easy_Developer 1014 28.5.2020, 8:05
автор: Easy_Developer
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
3 kolyas 1581 12.5.2020, 21:24
автор: kolyas


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:23
Дизайн