etozhetisachniy
@etozhetisachniy

Расскажите или покажите примером, как это сверстать?

Всем привет? сейчас пробую разобраться в данной странице, и не могу сообразить как это верстаетеся?

Как должно быть
5c84332a026bd098169436.png

Использую Bootstrap и если на нем это возможно, подскажите.
Пока получается вот такое, и это я потом не смогу адаптивно подогнать, там всюду position:absolute; left:*%;
То что получилось и это не будет нормально на мобильном работать
5c8433c99cb1b780854079.png


меня именно интересует, как правильно делается вот такая двухсторонняя верстка
  • Вопрос задан
  • 416 просмотров
Решения вопроса 1
@KononovD
А что там делать-то?

макет должен быть расчерчен дизайнером, если нет - нарисуйте линии бутстрапа в фотошопе сами, погуглите как.

а вообще..
берем, открываем container, row, col-lg-3 и col-lg-9 (или какие там размеры колонок, наугад писал)
в col-lg-3 запихиваем блоки, что слева, очевидно, а в col-lg-9 запихиваем заголовок, картинку и текст.. все до безумия просто)

а куда деть левую колонку на телефонах - уже сами думайте)

p.s. всем картинкам у себя в проекте поставьте max-width: 100%; max-height:auto display:block;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы