Я наткнулся на Поверхность CSS Каркас при поиске каркасов небольших размеров в стиле Материал. В основном я работал с Bootstrap раньше, и когда у вас есть пара col-lg-1 div s в col-lg-12 div, две сетки из 1 единицы будут выровнены рядом друг с другом слева направо в ряду. Я смотрю на демонстрационную страницу поверхности, и мне неясно для первого мигания, почему два элемента сетки меньшего размера не располагаются рядом друг с другом, а второй превращается в новый ряд. Здесь я вручную продублировал пример элемента g--1 для тестирования:
Я полагаю, что ожидаю чего-то стандартного для системы сетки. Ранее я рассматривал источники CSS, и система сетки ограничивает ширину div, указанную в процентах, или использует сетку CSS в случае систем более нового поколения.