Задать вопрос
@Maky_e0
javascript

Как сделать адаптивный grid?

Нравится как отрабатывают на этом сайте новости https://www.netdreams.co.uk/blog/

Подскажите где найти такой плагин... grid бутстрапа не подходит... так как тут 5 колонок...я так же хочу сделать 5 колонок в ряд) и наверное их пять потому что экран большой у меня. Жду помощи
  • Вопрос задан
  • 347 просмотров
8 комментариев
Подписаться 1 Оценить 8 комментариев
Пригласить эксперта
Ответы на вопрос 3
Chelbeh
@Chelbeh
Вы, в принципе, можете использовать и bootstrap и любую другую библиотеку, просто изменив общее количество колонок на нужное вам (например 15). В bootstrap вам нужна переменная $grid-columns
Ответ написан
Комментировать
Комментировать
monochromer
@monochromer
DIVeloper
На данном сайте за колонки новостей отвечает masonry
Ответ написан
Комментировать
Комментировать
LenovoId
@LenovoId
svg, css,js
ну... для начала вестать процентами
в какойто определённый момент ... делаем медиа запрос о том что размеры из процентов переходят в пиксель и что неких блоков было скажем пять а станет четыре потом в тот момент когда текст становится или другие элементы не красивыми или не читабельно делаем опять медиа запрос в котором указываем размер который должен расположить элементы три штуки на строку и потом опять только уже два и в конце концов 1 на строку ... и всё

Сложность только в том что надо хорошо знать css3
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Изменение темы сайта на ghost cms
02 мая 2024, в 04:47
5000 руб./за проект
Symfony, Vue - Сервис автоматизации бизнеса натяжных потолков
02 мая 2024, в 04:44
700 руб./в час
Интеграция бс24 с сайтом на битрикс
02 мая 2024, в 03:39
7000 руб./за проект
Ещё заказы