Bootstrap 4 发布了,可是已经过气了呀

Bootstrap 曾经风头无两,是人们入门前端的首选 CSS 框架,很多写后端的程序员的 side project 也经常使用它来搭建项目主页、demo 等等。

历经三年开发,前端框架 Bootstrap 4 正式发布了。然而今天的 Web 世界已经和当初 Mark Otto 发布 Bootstrap 时的情况大为不同,一些开发者由此质疑它的更新是否还有意义。

V4 版本的主要更新有:

改进的网格系统(默认情况下为 Flexbox)

现在使用 Sass(取代了 Less)

不支持 IE8、IE9 和 iOS 6

重写 JavaScript 插件

现在使用 rem 取代了 px。

准备从 V3 版本升级的开发人员需要先做测试,可能还要解决一些问题。新版整体上和旧版接近,但多了一些突破性的变化。下面的迁移指南列出了变化内容的详情:

https://getbootstrap.com/docs/4.0/migration/#by-component

Bootstrap 的优势之一是其网格系统。这一系统为网页提供了一种可声明的方式来渲染网格系统中的内容,不需要额外的步骤就能使流式内容兼容桌面端和移动端。

Bootstrap 4 的网格系统使用的是几乎所有的现代浏览器都支持的 flexbox。因为引入了这一更新等原因,新版只支持 IE10 以上和 iOS7 以上。如果项目仍需兼容旧式浏览器,开发人员就要继续使用 Bootstrap 3。但是,Bootstrap 3 的维护已经在 2016 年结束了。

Bootstrap 最初于 2011 年发布,当初是作为 Twitter 的一个产品诞生的,号称是“世界上最流行的 HTML、CSS 和 JS 库”,但其增长趋势如今似乎已经到头了。Dan Tao 等人曾批评 Boostrap 的紧耦合和缺乏语义的缺陷:

最早看来很棒的一堆开发组件,如今演变成了堆积如山的技术债务。开发者的 HTML 充斥着带有 Bootstrap 特定属性的深度嵌套结构。

V4 的第一个 alpha 版本发布于 2015 年 8 月,两年后发布了第一个 beta 版本。但 Bootstrap 4 是否生不逢时?它的网格系统是最大的卖点之一,但主流浏览器普遍采用 CSS 网格,意味着 Bootstrap 4 新引入的,基于 flexbox 的网格已经过时了。

Natalya Shelburne 是纽约时报的一位软件工程师,她认为 CSS 网格才是未来:

CSS 网格不是什么黑客工具,它是一个很好的 web 布局工具。什么都不用安装,也不需要预处理器,更用不着为了理解它的运作机制而绞尽脑汁。

此外,Ryan Oglesby 则认为,使用基于组件的样式技术(如经常与 React 或 Vue.js 一起使用的技术),就不需要传统的“全局 CSS”技术了:

在 React 或 Vue.js 等 UI 库的帮助下,现代 Web 应用程序体系结构已经采用了松耦合,高内聚的组件,这些组件通常将 HTML,CSS 和 JavaScript 放在同一个文件中。

当然,如果开发者想要做一些美观漂亮、运行迅速的内容,Bootstrap 的 JavaScript 插件(比如 Popover 和 Form 控件)仍是首选的框架。

前端之巅

活动推荐:

本文来自企鹅号 - 前端之巅媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏phodal

写给前端工程师看的,移动应用选型指南

想来在这一个混合应用的项目上,我已经差不多做了一年了。加之,在上一个项目里,我做的是一个移动 Web 应用,从 Backbone 到设计基于 React 的原型...

23160
来自专栏数据小魔方

Xcelsius(水晶易表)系列——入门篇!

今天是新专题的第一篇——Xcelsius(水晶易表)入门篇! 今天跟大家简单介绍下Xcelsius(水晶易表)这款动态交互式可视化产品。 它是SAP公司首屈一指...

47090
来自专栏编程微刊

如何获取公众号里面的歌曲

2.6K40
来自专栏互联网杂技

箭头符号:一个最常见却不容忽视的图标

箭头符号可能是人类图形史上最伟大的创造。 足够简单的图形承载着丰富而又抽象的概念。如果追溯起来,箭头符号的现实原型就是弓箭的箭头。所以箭头指向的方向意味着猎物,...

516110
来自专栏游戏杂谈

注意A链接的默认行为

无意间访问一家上市公司网站做的一个活动页,进去后会出现蒙板,让访客登录,右上角有一个关闭按钮。

12830
来自专栏腾讯社交用户体验设计

那些年苹果做错的设计

14030
来自专栏极客慕白的成长之路

2018 前端趋势:更一致,更简单

15520
来自专栏Jerry的SAP技术分享

一个程序猿试用有道云笔记VIP功能体验

熟悉我的朋友应该知道,我有一个微信公众号,叫做“汪子熙", 我会定期在上面推送技术文章。

34600
来自专栏即时通讯技术

从客户端的角度来谈谈移动端IM的消息可靠性和送达机制

IM App 是我做过 App 类型里复杂度最高的一类,里面可供深究探讨的技术难点非常之多。这篇文章和大家聊下从移动端客户端的角度所关注的IM消息可靠性和送达机...

29720
来自专栏web前端教室

零基础想要学好前端开发,必须先“学好切图做静态页面”

开头第一句,这个文章针对的是零基础学员。 WEB前端开发,是用JS来操作DOM和DATA,响应用户的操作,实现前端的交互,包括更新view和ui以及更多。 Do...

24360

扫码关注云+社区

领取腾讯云代金券