Я работаю с макетом 960 в течение многих лет, но мне было интересно, существуют ли другие системы сеток , которые активно поддерживаются сообществом дизайнеров и разработчиков, а также имеют пустые или начальные страницы для работы.
Я бы сказал, что Twitter Bootstrap , пожалуй, один из фаворитов.
У него хорошая система сетки , в которой используется 12 столбцов, что делает контейнер шириной 940 пикселей без включенных адаптивных функций. С добавлением отзывчивого файла CSS сетка адаптируется к ширине 724px и 1170px в зависимости от вашего окна просмотра. Ниже окна просмотра 767 пикселей столбцы становятся плавными и складываются вертикально:
Это также позволяет смещать и вкладывать столбцы.
Смотрите этот пост для получения дополнительных фреймворков: https://graphicdesign.stackexchange.com/a/16410/7520
Также проверьте этот сайт для многих вариантов. Лично я использую настроенную версию Base . Он очень легкий и не имеет всех «прибамбасов», если вам нравится вариант «сделай сам».
Чарльз
DA01
Джон