Я предлагаю вам Bootstrap 4 более чем лучше для всей вашей работы.
Bootstrap против попутного ветра CSS: В чем различия?
Разработчики описывают Bootstrap как «Простой и гибкий HTML, CSS и JS для популярных компонентов пользовательского интерфейса и взаимодействий». Bootstrap - это самая популярная платформа HTML, CSS и JS для разработки адаптивных мобильных мобильных проектов в Интернете. С другой стороны, Tailwind CSS детализирован как «Фреймворк CSS, ориентированный в первую очередь на утилиту, для быстрой разработки пользовательского интерфейса». Tailwind отличается от фреймворков, таких как Bootstrap, Foundation или Bulma, тем, что это не набор UI. У него нет темы по умолчанию, и нет встроенных компонентов пользовательского интерфейса. Он поставляется с меню готовых виджетов для создания вашего сайта, но не навязывает дизайнерские решения, которые трудно отменить.
Bootstrap и Tailwind CSS можно отнести к категории "Front-End Frameworks" "tools.
Некоторые из функций, предлагаемых Bootstrap:
Препроцессоры: Bootstrap поставляется с vanilla CSS, но в его исходном коде используются два самых популярных CSS препроцессоры, Less и Sass. Быстро начните с предварительно скомпилированного CSS или соберите исходный код. Одна структура, каждое устройство: Bootstrap легко и эффективно масштабирует ваши веб-сайты и приложения с единой кодовой базой, от телефонов до планшетов и настольных компьютеров с CSS медиа-запросами. Полный набор функций: с Bootstrap вы получаете обширную и красивую документацию по общим элементам HTML, десяткам пользовательских компонентов HTML и CSS и удивительным плагинам jQuery. С другой стороны, Tailwind CSS предоставляет следующие ключевые функции:
Нет темы по умолчанию. Нет встроенных компонентов пользовательского интерфейса. Отсутствует мнение о том, как должен выглядеть ваш сайт. «Отзывчивость» - основная причина, по которой разработчики считают Bootstrap по сравнению с конкурентами, в то время как «Высоко настраиваемый» был указан как ключевой фактор при выборе Tailwind CSS.
Bootstrap и Tailwind CSS, оба являются инструментами с открытым исходным кодом. Bootstrap со 134K-звездами GitHub и 66K-вилками на GitHub, кажется, более популярны, чем Tailwind CSS с 12,9K-звездами GitHub и 586 вилками GitHub.
Spotify, Twitter и Lyft - некоторые из популярных компаний которые используют Bootstrap, тогда как Tailwind CSS используется BlaBlaCar, Exyplis и Bazzite. Bootstrap имеет более широкое одобрение, упомянутое в стеках 7046 компаний и в стеках 1115 разработчиков; по сравнению с Tailwind CSS, который указан в 11 стеках компаний и 19 стеках разработчиков.