Версия 3 от Twitter Bootstrap претерпела существенные изменения по сравнению с предыдущими версиями. Это один из первых фреймворков, созданный по принципу mobile-first. Можно сказать, что Twitter Bootstrap является одним из лучших фреймворков для проектирования адаптивного веб-дизайна.
Когда дело доходит до выбора сетки появляется множество вариантов. Ниже приведены отзывчивые сетки CSS (и не только), которые вы свободно можете использовать в своих проектах. Эти CSS-сетки помогут вам быстро создать прекрасный отзывчивый сайт. В конце статьи приведена таблица, в которой сравниваются описанные ниже сетки.
Есть несколько точек зрения на использование отрицательных полей (margin) в CSS,
как резко отрицательное, так и сугубо положительное.
Сегодня многие клиенты хотят сайт совместимый с мобильными устройствами, что наиболее перспективно. Создавать отдельную версию сайта под каждое устройство неразумно не только из-за огромного количества разнообразных девайсов, но и потому, что мы просто не имеем возможности предсказывать будущее. Вот тут и приходит на помощь концепция отзывчивого дизайна.
Примеры резиновых (эластичных) сеток, так называются сетки, которые изменяют свою ширину при изменении размеров окна браузера.
Подавляющее большинство сайтов в той или иной мере используют сетку.
С тем, чтобы сайт подстраивался под различные разрешения экрана, используют резиновые макеты. Однако, при создании таких макетов, особенно у начинающих верстальщиков, могут возникнуть определенные затруднения.
Все эти разметки содержат в себе несколько колонок, внутри которых расположен контент.
По-моему, лучшим вариантом является создание сайта с резиновой шириной, этим мы приспособим сайт к большинству типов мониторов.
Правый столбец сайта расположим при помощи отрицательного поля.