Можно ли интегрировать MaterializeCss в Bootstrap

Я спросил себя (не тестировался), можно ли интегрировать оба bootstrap и materializecss в тот же проект

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

31
css css-frameworks materialize twitter-bootstrap web

6 ответов

материализация не основана на Bootstrap или просто "визуальном слое", использование обеих фреймворков может привести к множеству несовместимостей или, по крайней мере, перекрывать много, поскольку большинство их функций избыточны (сетки, меню, значки и т. д.).

Я лично использую этот проект Bootstrap material design что это тема для Bootstrap и работает очень хорошо. Если вам не нужен/не нужен Bootstrap, вы также можете использовать Материал Дизайн Lite, который был недавно выпущен на Google. Это структура легкий CSS, основанные на материале принципов дизайна. Свет по сравнению с Угловое Материал или полимерные также используя руководящие принципы проектирования материалов, но часть или требуя других фреймворков javascript (т. е. угловых).

39

Я добавил материализоваться на мой веб-сайт bootstrap, и он работал нормально, как сказал JC Borlagdan, хотя есть некоторое перекрытие. Я просто использую инспектор веб-сайта и (обычно щелкните правой кнопкой мыши > проверить элемент), затем просто выключите bootstrap или материализовать свойство, чтобы увидеть, какой из них мне нравится больше и удалить стиль из того, который мне не нравится. Просто убедитесь, что вы получаете не уменьшенные версии materialize и bootstrap.

10

возможно, я уже тестировал оба фреймворка в одной веб-форме, хотя некоторые свойства элементов управления перекрывались, особенно в <div> тег, который называет контейнер класс для тега.
Для сетки это действительно следует за bootsrap, по какой-то причине (что я не знаю). Потому что я попытался изменить порядок <script> теги, еще bootsrap сетка до сих пор используется веб-форму.

1

вам нужно установить приказом в CSS файлы, такие как

<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourStyle.css" rel="stylesheet"/>

теперь вы можете переопределить классы или идентификаторы css bootstrap и создать свои собственные стили CSS.

1

вы можете удалить сетку из материализации.css и просто скомпилировать пользовательский загрузочный пакет с сеткой BT и без кнопок, меток и т. д.

Не используйте плагин BT jQuery, затем скомпилируйте и загрузите bootstrap.минута.CSS сначала в свой шаблон и потом материализовать модом.CSS и materilize.минута.js.

вы также можете интегрировать только кнопки, карты или цвета, выбирая их из материализоваться.css и вставить в шаблон.стиль CSS.CSS переписать загрузчик стили или добавить альтернативные классы css в сетку.

0

Я не уверен, что это возможно. Материал Дизайн что-то новое от Google и включает в себя реагировать, как часть его, в то время как библиотека начальной загрузки С Твиттер и, похоже, в основном ориентирован на отзывчивость.
Проверьте этот разговор : http://forums.oscommerce.com/topic/407994-material-design/?hl=material
Я подозреваю, что они не собираются интегрироваться друг с другом и будут конфликтовать плохо, но, возможно у кого-то есть больше информации.

0