Browser native css display：grid和bootstrap grid system之间的区别？

Question

我刚刚阅读了Chrome 57 release log并注意到从版本57开始，Chrome原生支持css样式 - display: grid，它似乎迟到了，因为bootstrap自版本2开始就具有网格系统而在{{3 Chrome团队已经知道网格系统，可以通过标记面板启用。

我已经阅读了上面的文章，但它并没有像一些css框架那样推出PROS，比如bootstrap / foundation等。

所以我很好奇使用原生网格css有什么好处吗？

Answer 1

CSS Grid Layout是CSS目前最强大的布局系统，缺点是current browser support。

你的问题是基于意见的，所以我会尝试标记我在使用框架时遇到的一些实际问题。

使用框架时可能遇到的一些问题：

• 您最终可能会遇到technical debt。
• 框架通常有很多你实际上不会使用的CSS规则，使你的CSS文件比它需要的更重。
• 您将使用的某些CSS规则可能具有过度特定的选择器，这些选择器需要比覆盖属性所需的更高的复杂性。
• 某些框架具有非语义HTML代码，如果更改将导致意外行为。

许多经验丰富的前端Web开发人员都避免使用框架，因为他们倾向于放慢速度而不是帮助更快地完成任务，特别是在处理复杂项目时。

许多文章都不鼓励使用框架，许多其他文章会鼓励使用框架。 我个人认为取决于您正在进行的项目的要求。