【问题标题】:Bootstrap and Bourbon in combinationBootstrap 和 Bourbon 的组合
【发布时间】:2017-02-07 14:20:53
【问题描述】:
有人可以确认我使用 Sass 版本的 Bootstrap 3 作为框架(利用所有网格类、样式等)并结合 Bourbon 作为确保跨浏览器兼容性的一种手段是正确的在线性渐变、图像背景等方面,因为它添加了 moz-webkits 等。
在我看来,“Bourbon”和“Neat”一起使用与“Bootstrap”和“Bourbon”一起使用的理论相同。然后“指南针”是“波旁威士忌”的替代品。
如果有人可以给我竖起大拇指和点头,我会很高兴的。
【问题讨论】:
标签:
twitter-bootstrap
sass
compass
bourbon
【解决方案1】:
如果您最关心的是跨浏览器兼容性,我会推荐 Autoprefixer (https://github.com/postcss/autoprefixer) 而不是 Bourbon。
虽然 Bourbon 4.x 确实支持前缀,但这不是库的目的,并且需要在整个 SCSS 中使用 mixins。使用 Autoprefixer 的好处是您只需编写香草样式,它会决定需要前缀的内容。
在我看来,“Bourbon”和“Neat”是同一个理论
就像一起使用“Bootstrap”和“Bourbon”一样。然后'指南针'是一个
替代“波旁威士忌”。
不是真的。 Bootstrap 旨在真正为您提供制作整个网站/应用程序所需的一切,包括网格、样式、表单内容和大量 javascript。
Bourbon 是一组用于更有效和可维护地编写 SCSS 的工具,Neat 是一个网格系统。两者结合只会让您轻松创建自己的组件和模块。
这实际上取决于您是要编写自己的样式表(bourbon/neat)还是使用开箱即用的解决方案,将预定义的类添加到 HTML。
快速分解:
bourbon = ?
bourbon + neat = ?
bourbon + neat + autoprefixer = ?
bootstrap = ?
compass = …
bourbon + neat + bootstrap = ?