Есть ли способ заказать два div: изображение и текст на начальной загрузке 3, когда вы меняете разрешение экрана?

Question

Я знаю, что в начальной загрузке 4 вы могли бы просто написать "order- #" в каждом div, но мой проект основан на начальной загрузке 3, так что это создаст проблемы, если я изменю версии сейчас.

Пожалуйстаобратите внимание, что на экране мобильного устройства он должен иметь следующий порядок: изображение, текст, изображение, текст, изображение, текст (чтение сверху вниз)

Answer 1

В Bootstrap 3 вы можете использовать push и pull, как здесь ответили: Как изменить порядок столбцов Bootstrap 3 на мобильном макете?

Редактировать:

Вот простой пример, который отобразит:

• В 1-й строке: Изображение слева и Текст справа
• Во втором ряду: Текст слева и Изображение справа

Но на мобильном устройстве оно будет отображаться в следующем порядке: Изображение - Текст - Изображение - Текстпотому что на экране md и выше мы нажимаем на изображение и вытягиваем текст

<div class="row">
    <div class="col-md-6"><img src="my_image.png"></div>
    <div class="col-md-6">Text here</div>
</div>

<div class="row">    
    <div class="col-md-6 col-md-push-6"><img src="my_image.png"></div>
    <div class="col-md-6 col-md-pull-6">Text here</div>
 </div>

Вы можете обратиться к этой документации , чтобы узнать больше.