Я спросил себя (не тестировался), если можно интегрировать bootstrap и materializecss в тот же проект
Поскольку обе структуры имеют одну и ту же цель и, вероятно, перекрываются в некоторых определениях классов и т.д., все же возможно объединить обе структуры для расширения моих вариантов стилизации?
Материализация не основана на Bootstrap или просто "визуальном слое", использование обеих фреймворков может привести к множеству несовместимостей или, по крайней мере, частично перекрывать их, поскольку большинство их функций являются избыточными (сетки, меню, значки и т.д.).
Я лично использую этот проект Конструкция материала Bootstrap, которая является темой для Bootstrap и работает очень хорошо. Если вам не нужен/нужен Bootstrap, вы также можете использовать Material Design Lite, который был недавно выпущен Google. Это легкая CSS-структура, основанная на принципах материального дизайна. Свет по сравнению с Angular Материал или Polymer также с использованием руководства по дизайну материалов, но являющегося частью или требующим других фреймворков javascript (т.е. Angular).
Я добавил Materialize на мой загрузочный сайт, и он работал нормально, как сказал JC Borlagdan, хотя есть некоторые перекрытия. Я просто использую инспектор веб-сайта и (обычно щелкните правой кнопкой мыши > элемент проверки), затем просто отключите свойство bootstrap или materialize, чтобы увидеть, какой из них мне больше нравится, и удалите стиль из того, что мне не нравится. Просто убедитесь, что вы получили неминифицированные версии материализации и загрузки.
Возможно, я уже тестировал оба фреймворка в одной веб-форме, хотя некоторые свойства элементов управления перекрывались, особенно тег <div>, который вызывает класс container для тега. < ш > Для сетки, по-прежнему, по-прежнему следует bootsrap, (что я не знаю). Поскольку я попытался переупорядочить порядок тегов <script>, все еще загрузочную сетку по-прежнему используется той, что используется веб-страницей/веб-формой.
вам нужно установить порядок CSS файлов, таких как
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourStyle.css" rel="stylesheet"/>
Теперь вы можете переопределить классы или идентификаторы bootstrap css и можете создавать свои собственные стили CSS.
Вы можете удалить GRID из материала materialize.css и просто скомпилировать собственный загрузочный пакет с BT GRID и без кнопок, меток и т.д.
Не используйте какой-либо плагин BT jQuery, затем скомпилируйте и загрузите bootstrap.min.css сначала в свой шаблон, а затем измените файл materialize.css и materilize.min.js.
Вы также можете интегрировать только кнопки, карты или цвета, выбирая их из materialize.css и вставляя в свой шаблон template.css/style.css для перезаписывания bootstrap или добавить альтернативные классы css в ваш GRID.
Я не уверен, что это возможно. Дизайн материалов - это что-то новое от Google и включает в себя отзывчивую часть, а Библиотека Bootstrap - из Twitter и, по-видимому, в основном ориентирована на отзывчивость.
Просмотрите этот разговор: http://forums.oscommerce.com/topic/407994-material-design/?hl=material
Я подозреваю, что они не собираются интегрироваться друг с другом и плохо конфликтуют, но, возможно, у кого-то еще больше информации.