---
title: MaterializeCSS Framework as an Alternative to Bootstrap
localeTitle: MaterializeCSS Framework как альтернатива Bootstrap
---
[MaterializeCSS](http://materializecss.com/) - это современная адаптивная интерфейсная платформа, основанная на [принципах материального дизайна](https://www.google.com/design/spec/material-design/introduction.html) Google.
## Что такое материальный дизайн?
Дизайн материалов (под кодовым названием Quantum Paper) - это система проектирования, разработанная компанией Google. Расширяясь по мотивам «карты», которые дебютировали в Google Now, Material Design делает более либеральным использование макетов на основе сетки, гибких анимаций и переходов, дополнений и глубинных эффектов, таких как освещение и тени.
Это [видео](https://www.youtube.com/watch?v=Q8TXgCzxEnw) дает вам представление о материальном дизайне:
## Просмотрите эти веб-сайты, которые используют Materialize, и посмотрите на отличие от того, к чему вы привыкли!
Протестируйте их на своем телефоне, чтобы лучше почувствовать.
* [100](https://www.100xp.io/)
* [Темы администрирования](http://demo.geekslabs.com/materialize/v2.1/)
* [StrapHq](http://www.straphq.com/)
Другие примеры [здесь](http://materializecss.com/showcase.html)
## Альтернатива Bootstrap, действительно?
Чилл, на мой взгляд, ничто не может победить Бутстрап. Однако материализуйте CSS, предлагая именно это, Materialize-ation - ощущение взаимодействия с интерфейсом, как будто это физический материал, такой как бумага. Я просто придумал это.
Но действительно…
Мне нравится материализоваться из-за его простоты, например:
В Bootstrap вы сделаете это, чтобы создать кнопку
```
```
В основном каждое имя класса неоднократно привязано к нему btn. И это в основном относится ко многим другим компонентам начальной загрузки, особенно если вы хотите добавить простые классы, такие как цвет.
С помощью Materialize вы можете добавить все классы просто так:
```