Md bootstrap: Material Design for Bootstrap 5 & 4

Публикация с помощью одной команды.

• Шаг 1.

  Создать бесплатную учетную запись

  30 секунд, несколько кликов и готово.

  Если у вас уже есть учетная запись на mdbootstrap.com, вам не нужно регистрироваться, вы можете просто использовать ее.

  Подписаться

• Шаг 2.

  Установите интерфейс командной строки MDB

  Откройте свой терминал и глобально установите MDB CLI, введя команду ниже.

  npm установить -g mdb-cli

• Шаг 3.

  Авторизоваться

  Введите следующую команду в терминал, а затем войдите в систему, используя свои данные из шага 1.

  логин mdb

• Шаг 4.

  Опубликуйте свой проект в Интернете

  В терминале перейдите в папку, где находится ваш проект. Затем введите команду ниже, примите или заполните параметры вашего проекта, и он готов! Через несколько секунд ваш проект будет быть доступным в Интернете.

  И да, это так просто.
  mdb опубликовать

Это только начало приключение. Чтобы узнать обо всех возможностях, перейдите на страницу начала работы .

Блоки дизайна и шаблоны

Электронная коммерция, панели администратора и многое другое

Предопределенные, тщательно разработанные разделы и шаблоны, которые значительно ускорить свое развитие.

Конструкторские блокиШаблоны

Материальный дизайн для Bootstrap

Этот контент предназначен для предыдущей 4-й версии Bootstrap

Загрузите последнюю версию Material Design для Bootstrap 5

Получите более 500 компонентов пользовательского интерфейса, очень простая установка за 1 минуту и ​​многое другое

Скачать бесплатно

Самый популярный набор пользовательского интерфейса для создания адаптивных мобильных интерфейсов. веб-сайты и приложения — бесплатно для личного и коммерческого использования.

500+ материальных элементов пользовательского интерфейса, 600+ материальных иконок, 77+ анимаций CSS, 9 + полезных плагинов, SASS файлы, шаблоны, учебники и многое другое.

Быстрое начало работы демо

— доверял от 3 000 000+ разработчиков и дизайнеров

Посмотрите наше руководство «Быстрый старт за 5 минут». из бутстрапа. MDB обновляется и интегрируется каждые две недели!

Подробная документация

Легко реализуйте свои идеи с помощью подробной и удобной документации на ваше распоряжение. Вы можете применить быстрый подход «копировать-вставить» или изучить изнутри выходы каждого компонента.

Много руководств

Никогда не переставай расти! В MDB полно базовых руководств по веб-разработке. а также более продвинутые руководства, от JS через React, Vue и Angular до прогрессивных веб-приложений.

Недостаточно?

Бесплатно для личного и коммерческого использования

Наша лицензия удобна для пользователя. Не стесняйтесь использовать MDB как для частного, так и в качестве коммерческий проекты.

500+ интерфейс элементы

Наша впечатляющая коллекция красивых, гибких компонентов позволяет развивать любой вид проекта.

600 иконок

Сотни полезных масштабируемых векторных иконок в вашем распоряжении.

Полностью адаптивный

Не имеет значения, будет ли ваш проект отображаться на рабочем столе, ноутбук, планшет или мобильный Телефон. MDB отлично смотрится на любом типе экрана.

Начало работы

77+ CSS анимации

Аккуратные и простые в использовании анимации, которые повысят интерактивность ваш проект и радовать своих посетителей.

Великолепные шаблоны

Нужно вдохновение? Используйте один из наших готовых шаблонов бесплатно.

9+ полезные плагины

Таблицы данных, фреймы, шаблоны электронной почты, древовидное представление и другие полезные элементы начальной загрузки дополнения, которые помогут вам сэкономить время и усилия!

Простота использования и настройки

Использование MDB простое и приятное. Наши гибкие компоненты позволяют глубокий настройка. Вы легко сможете настроить каждый компонент в соответствии с вашими потребностями.

Начало работы

…и даже больше

Кроссбраузерность

Chrome, Firefox, Safari, Opera, Microsoft Edge — MDB любит все современное браузеры.

Частые обновления

MDB становится лучше с каждым обновлением. Мы любим проект и улучшаем его в качестве возможный.

Активное сообщество

Наше общество растет день ото дня. Посетите наш форум и проверьте, как это быть часть нашей семьи.

jQuery версия 3.4.0

MDB интегрирован с последней версией jQuery. Поэтому вы можете использовать все последний особенности, которые пойдем с ним.

Модульность

MDB поставляется с скомпилированным, готовым к использованию библиотеки, в том числе полный набор функций, а также модули для CSS (файлы Sass) и JS.

Техническая поддержка

Мы заботимся о надежности. Если у вас есть вопросы — не стесняйтесь к свяжитесь с нами.

Flexbox

MDB полностью поддерживает Flex Box. Вы можете забыть о выравнивании вопросы.

Файлы SASS

Организованные и хорошо документированные файлы .scss не могут дождаться, пока вы их скомпилируете их.

Вы готовы начать 5 минут монтаж?

Давайте старт

Другие бесплатные решения

Зарегистрируйтесь и получите доступ к еще большему количеству функций бесплатно!

Знак up

Профессиональная поддержка и сообщество форум Команда Линейный интерфейс и бесплатно хостинг Разработанные сообществом компоненты и фрагменты Платформа для обмена знаниямиNew Платформа обмена новостями

Учебники и образование

Старт учебник

Старт учебник

Старт учебник

Старт учебник

Старт учебник

Просмотр учебников

Другие технологии веб-разработки

Примечание. Это версия Bootstrap по умолчанию, основанная на jQuery. Если вы используете другие технологии, взгляните на:

MD Bootstrap Angular

Узнать подробнее

MD Bootstrap React

Узнать подробнее

MD Bootstrap Vue

Узнать еще

или скачать стандарт Версия начальной загрузки

Узнайте больше о Bootstrap и Material Design

В 2011 году группа инженеров Twitter решила создать Bootstrap в качестве внутреннего решение для своих проблем с программированием. Технически их план состоял в том, чтобы создать инструмент без определенных структура кода.

У каждого кодера может быть свой собственный способ создания своих работ. Обычно это приводит к некоторым неопределенности когда другой программист, скажем, новичок, пытается прочитать код. Потому что, Марк Отто и Джейкоб Тортон из Twitter разработали Bootstrap — способ убедить программистов унифицировать свои шаблоны написания кода и избегать создания различий в процессе. Преимущества, которые Bootstrap привнес в их повседневную работу, были просто неоценимы.

Когда ребята из Твиттера осознали его истинный потенциал, они решили выпустить его как Открытый исходный код проект. С помощью Github и тысяч других программистов это заняло всего несколько месяцев. зарекомендовать Bootstrap как самый популярный интерфейсный инструмент разработки для создания адаптивных мобильных веб-проекты.

Так что же такое Bootstrap?

Представьте себе это как набор инструментов, содержащий ряд полезных функций и элементов, которые могут быть полезный в процессе создания вашего сайта.
Это дает вам возможность выбрать любой инструмент, который вам нравится, плюс вы можете быть уверены, что ни один из этих элементы будут сталкиваться друг с другом. Это похоже на сборку кусочков головоломки, но в этом случае, каждая головоломка подходит к другой.

Инструменты, которые вы себе представляли в нашем наборе инструментов Bootstrap, представляют собой сочетание HTML, CSS и JS. Material Design для Bootstrap — лучший пример того, как Bootstrap постоянно находится под угрозой. разработка и сколько можно добавить к нему с помощью паттернов дизайна и функциональности от Google Материальный дизайн.

Material Design — это язык дизайна, созданный Google , который интенсивно использовал в проектах интерфейсов для системы Android. Вы можете спросить, почему он используется. Ответ прост — это уже зрелый и организованный инструмент, соответствующий юзабилити и разборчивости. Более того, он динамично развивается и меняется. Результатом является инструмент, который может идеально сочетаться для экранов, а также отправной точкой для неопытных людей в UI/UX дизайне.

Основа MD уже хорошо зарекомендовала себя дизайнерами веб-сайтов и UI/UX, которые над ним работали. долгое время. Что отличает его от других инструментов, так это то, что вы можете использовать его в любой тип проекта, над которым вы сейчас работаете, потому что легко найти рекомендуемые практики в каждом наборе проектов. В соглашениях делается акцент на:

Материалы как метафора — в данном контексте это метафора пространства для листа а также чернила. Реальные вещи, которые используются в этом инструменте, — это свет и пространство, поддерживаемые уникальным пространством. атрибуты которые выделяются в области цифровых форм. Характеристики MD — это тени, которые находятся широко распространен. Он отражает поведение реальных вещей, которые существуют в реальности.

Значение — стимулом для MD является дизайнерская печать, которая очень хорошо отражает разработан сетка, важность типографики и цветов.

Движение и анимация — MD поддерживает не только статическую форму печатного дизайна, но и также включает цифровые носители, основанные на законах физики. Он дает нам возможность примирение полезности с эстетикой, что очень важно в наше время.

Одна из самых важных метафор в МД — это материал, который имеет свое положение в пространстве на ось Z, поэтому мы можем сказать, ближе он или дальше от пользователя.