Компоненты

Фильтруйте или сортируйте элементы используя метаданные. Любой элемент может быть отфильтрован или отсортирован независимо от того как элементы расположены. Разметка. Примеры.

Используйте огромные возможности flexbox при создании потрясающих отзывчивых макетов. Как создать разметку. Документация. Примеры.

Создание красивых форм с различными стилями. Модификаторы. Создание вертикальной и горизонтальной форм. Как вставить иконку в input. Использование, разметка и примеры.

Создайте полностью отзывчивый, плавающий, резиновый макет модульной сетки с возможностью иметь непостоянную ширину и растягиваться в зависимости от ширины окна браузера (разрешения экрана монитора). Модификаторы. Grid Masonry. Эффект параллакса.

Устанавливайте различные стили для своих заголовков. Модификаторы. Заголовок с разделителем. Разметка. Примеры.

Устанавливайте высоту элементов в зависимости от области просмотра или примените высоту другого элемента. Руководство. Применение.

Размещайте масштабируемые векторные иконки в любом месте вашего контента. Масштабируем любое изображение до размера иконки. Модификаторы. Руководство.

Горизонтальная и вертикальная иконочная навигация. Создание навигации, состоящей из иконок, значков.

Фоновые изображения с отложенной загрузкой. Ускоряем время загрузки страницы загружая фоновые изображения лениво, только когда они входят в область просмотра.

Инвертируйте цвет текста любого компонента, чтобы улучшить видимость на светлом или темном фоне. Примеры.

Добавьте в контент привлекающую подсказку. Используйте ярлычёк в тексте для отображения примечаний. Дополнительные стили для изменения внешнего вида меток. Примеры. Использование.

Точечный пунктир. Создание оглавления с отточиями. Создавайте оформление, которое выглядит как оглавление в книге, или как меню с ценами (ресторана, кафе). Точечный пунктир для списка свойств / характеристик товара, где варианты и их значения разделены точками.