Bootstrap 和波旁威士忌的组合

Question

有人可以确认我使用 Bootstrap 3 as the framework (utilising all of the grid classes, stylings etc), in combination with Bourbon 的 Sass 版本作为确保线性渐变、图像背景等内容的跨浏览器兼容性的方法是否正确，因为它添加了moz-webkits 等

对我来说，'Bourbon' 和 'Neat' 一起使用与 'Bootstrap' 和 'Bourbon' 一起使用是相同的理论。然后 'Compass' 是 'Bourbon' 的替代方法。

如果有人能给我竖起大拇指和点头，我会很高兴的。

Answer 1

如果您最关心的是 cross-browser 兼容性，我建议使用 Autoprefixer (https://github.com/postcss/autoprefixer) 而不是 Bourbon。

虽然 Bourbon 4.x 确实支持前缀，但这不是库的目的，并且需要在整个 SCSS 中使用 mixin。使用 Autoprefixer 的好处是您只需编写普通样式，它会决定需要添加前缀的内容。

To me it looks like 'Bourbon' and 'Neat' together is the same theory as using 'Bootstrap' and 'Bourbon' together. And then 'Compass' is an alternative to 'Bourbon'.

不是真的。 Bootstrap 旨在真正为您提供制作整体 site/app 所需的一切，包括网格、样式、表单内容和大量 javascript。

Bourbon 是一套更有效和可维护地编写 SCSS 的工具，Neat 是一个网格系统。将它们两者结合起来只会使创建您自己的组件和模块变得容易。

这实际上取决于您是要编写自己的样式表 (bourbon/neat) 还是使用开箱即用的解决方案来将 pre-defined 类添加到您的 HTML.

快速细分：

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

Bootstrap 和波旁威士忌的组合

Bootstrap and Bourbon in combination

sass

twitter-bootstrap

bourbon

compass