2017-02-07 10 views
0

Прямо сейчас у меня есть приложение, интерфейс которого закодирован с помощью Bootstrap 3 (я использую драгоценный камень bootstrap-rails). Я хотел бы использовать также фреймворк Materialize.css в том же приложении, поэтому загрузил его таблицу стилей. Мой вопрос заключается в том, как заставить эти две структуры хорошо взаимодействовать друг с другом? Я требую Materialize.css стилей в моем Application.scss файле как так:Использование двух отдельных фреймворков CSS в одном Rails-приложении

*= require 'materialize' 

но существующие стили, кажется, быть смешаны (я имею в виду Bootstrap и Materialize.css стилей пытаются переопределить друг друг). Возможно ли, чтобы они работали вместе или я должен создать другой файл Application.html для частей, которые я хочу использовать во второй CSS-схеме? Спасибо заранее.

+0

Вы хотите, чтобы стили из обеих фреймворков в вашем приложении, или просто для стиля конкретного компонента в приложении? – dommmm

+0

Взгляните на модули css https://github.com/css-modules/css-modules, возможно, это подходит вашему делу –

+0

@ dommmm да, я хотел бы иметь стили из обеих фреймворков всего приложения. –

ответ

0

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