Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 27.02.2021, 16:39   #1
rafaelo
 
Регистрация: 17.08.2012
Сообщений: 7
По умолчанию Адаптивная верстка блоков сайта

Здравствуйте!
Только начинаю делать сайты, прошу помощи в следующем вопросе.
Сайт использует систему сеток bootstrap-4.
На главной странице идет перечень товаров-блоков.
Причем, необходимо сделать так, чтобы при размере экрана >1200
в один ряд было 4 блока,
при размере 768<экрана<1200 было 3 блока в один ряд,
при размере 576<экрана<768 было 2 блока в один ряд и
при размере экрана<576 был один блок в один ряд.
Конечно чтобы блоки занимали максимальную ширину.
И самое главное!
Надо сделать так, чтобы при изменении размера экрана и соответственно
количества блоков в одном ряду переходящие вниз блоки занимали все пустые
места, то есть чтобы не оставалось пробелов из-за разных высот блоков.

Прошу помочь в этом вопросе.
rafaelo вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Адаптивная верстка Алмаз1993 HTML и CSS 3 29.08.2019 20:39
нужна адаптивная верстка сайта - выполнить самостоятельно, какая система (программа) для адаптивной верстки лучше? Radixx Общие вопросы Web 8 01.03.2019 18:15
Адаптивная верстка на Бутстрапе Capz HTML и CSS 1 26.03.2015 09:50
Адаптивная верстка kostya67 HTML и CSS 3 01.02.2015 10:53
Адаптивная верстка сайта Андрей79 HTML и CSS 0 05.04.2014 18:16