432 читали · 6 лет назад
Bootstrap 4 Grid для больших разрешений экранов
В работе над версткой часто необходимо работать и с большими разрешениями экранов, но, к сожалению, большинство фреймворков ограничивают стили грида максимальным разрешением экрана в 1200px. Исключением не стала и новая, четвертая версия популярного фреймворка Bootstrap. Немного о гриде Так как в нашей работе такая необходимость частов возникает, мы разработали файл со стилями грида для большинства разрешений col-xga (1600+), col-fhd (1920+), col-rt (2560+), col-rt15 (2880+), col-uhd (3840+), col-4k (4096+), col-8k (8192+)) пикселей...
1124 читали · 5 лет назад
Делаем сами: адаптивный сайт
С котиками! Время для нового проекта! Сегодня мы сделаем основу для адаптивного сайта. В результате получится веб-страница с котиками, а в следующий раз сделаем вашу адаптивную личную страницу на HTML. Но пока — котики. Что за адаптивность Адаптивный сайт — это такой сайт, который подстраивается под размер экрана и хорошо выглядит как на большом компьютере, так и на маленьком телефоне. В начале двухтысячных сайты были неадаптивными: они были свёрстаны под большие экраны, и если бы вы сейчас попробовали их открыть на мобильнике, вы бы удивились, как там всё неудобно...