Обзор

Этот проект представляет собой имитацию системы сетки Bootstrap 3, которая имеет сложную систему сетки, но при этом удобна в использовании по сравнению с Bootstrap 2. Bootstrap 2 использует систему сетки, основанную на классическом Blueprint, однако она менее гибкая в плане адаптивной верстки по сравнению с Bootstrap 3.

Данный проект объединяет преимущества обоих вариантов и предлагает систему сетки, аналогичную Blueprint, а также поддерживающую адаптивную верстку. Проект совместим с IE8/9 (в связи с поддержкой IE8/9, невозможно сделать расстояние между сетками нефиксированным; если требуется фиксированное расстояние между сетками, можно использовать свойство calc для модификации исходного кода, но это будет несовместимо с IE8/9). Внимание: IE8/9 не поддерживают адаптивную верстку.

Как использовать

Все стили объявлены в соответствии со стилем Bootstrap 3 и могут быть использованы по аналогии с сеткой Bootstrap 3. В проекте представлено две системы сетки: одна с фиксированным расстоянием между сетками, которое несовместимо с IE8/9, но выглядит более аккуратно при вложении сеток. Другая — с процентным расстоянием между сетками, которое менее аккуратно, но совместимо с IE8/9.

Инициализация проекта

Сборка проекта осуществляется командой:

npm install

Сборка проекта

Создает директорию dist.

npm run build

Или выполните grunt:

grunt