Bootstrap и Bourbon в сочетании

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

Мне кажется, что «Bourbon» и «Neat» вместе — это та же теория, что и использование «Bootstrap» и «Bourbon» вместе. И тогда «Компас» — это альтернатива «Бурбону».

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


person paddyfields    schedule 07.02.2017    source источник


Ответы (1)


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

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

Мне кажется, что «Bourbon» и «Neat» вместе — это та же теория, что и использование «Bootstrap» и «Bourbon» вместе. И тогда «Компас» — это альтернатива «Бурбону».

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

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

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

Быстрая разбивка:

bourbon = ????  
bourbon + neat = ????  
bourbon + neat + autoprefixer = ????  
bootstrap = ????  
compass = …  
bourbon + neat + bootstrap = ???? 
person whmii    schedule 07.02.2017