Задать вопрос
@XenK
html

Bootstrap как расположить блоки?

Сейчас есть такая сетка, используется для всех типов, кроме col-xs-*:
101327831ac74915b4d7314c78b90392.png
Необходимо чтобы на мобильных устройствах она выглядела так:
fb2b8b66e675449ca4e516c54b3c7f7e.jpg
Как так сделать?
  • Вопрос задан
  • 153 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
codepen.io/anon/pen/rLPPRo
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Читайте доки, а именно Column ordering:
getbootstrap.com/css/#grid-column-ordering
Ответ написан
Комментировать
Комментировать
@vydayko
Front-end dev
form и table_2 делаешь col-xs-6
а table_1 делаешь col-xs-12
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии