Бутстрап и Бурбон в сочетании

Question

Может кто-нибудь, пожалуйста, подтвердите, что для меня правильно использовать версию Sass Bootstrap 3 в качестве рамки (используя все классы сетки, стили и т. Д.) В сочетании с Bourbon в качестве средства обеспечения кросс-браузера совместимость с такими вещами, как линейные градиенты, фоновые изображения и т. д., поскольку он добавляет moz-webkits и т. д.

Для меня это выглядит так: «Бурбон» и «Нейт» - это та же теория, что и использование «Bootstrap» и «Bourbon» вместе , И тогда «Компас» является альтернативой «Бурбону».

Если бы кто-нибудь мог просто дать мне большие пальцы и кивнуть, я буду на моем веселом пути.

Answer 1

Если ваша основная проблема - совместимость с несколькими браузерами, я бы рекомендовал Autoprefixer (https://github.com/postcss/autoprefixer) вместо Bourbon.

В то время как Bourbon 4.x поддерживает префикс, это не является целью библиотеки и требует использования миксов в вашем SCSS. Хорошая вещь об использовании Autoprefixer заключается в том, что вы просто пишете стили ванили, и она решает, что нужно для префикса.

Для меня это выглядит как «Бурбона» и «Аккуратный» вместе та же теория , как с помощью «Bootstrap» и «Бурбон» вместе. А затем «Компас» - это вариант «Бурбон».

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

Bourbon - это набор инструментов для написания SCSS более эффективно и сдержанно, Neat - это сетка. оба из них будут только упрощать создание ваших собственных компонентов и модулей.

Это действительно зависит от того, хотите ли вы создавать собственные таблицы стилей (bourbon/neat) или использовать решение из коробки, в которое вы добавляете предопределенные классы в свой HTML.

Быстрый пробой:

bourbon = 
bourbon + neat = 
bourbon + neat + autoprefixer = 
bootstrap = 
compass = … 
bourbon + neat + bootstrap =