0

0

bootstrap4 过时了吗

爱喝马黛茶的安东尼

爱喝马黛茶的安东尼

发布时间:2019-06-17 15:09:40

|

7776人浏览过

|

来源于php中文网

原创

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

bootstrap4 过时了吗

历经三年开发,前端框架 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

起航点卡销售系统
起航点卡销售系统

欢迎使用“起航点卡销售系统”销售程序:一、系统优势 1、售卡系统采取了会员与非会员相结合的销售方法,客户无需注册即可购卡,亦可注册会员购卡。 2、购卡速度快,整个购卡或过程只需二步即可取卡,让客户感受超快的取卡方式! 3、批量加卡功能。 4、取卡方式:网上支付,即时取卡 ,30秒可完成交易。 5、加密方式:MD5 32位不可倒推加密 6、防止跨站

下载

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 控件)仍是首选的框架。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Sass和less的区别
Sass和less的区别

Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

216

2023.10.12

vue.js为什么报错
vue.js为什么报错

vue.js报错的原因:1、语法错误;2、组件使用不当;3、数据绑定问题;4、生命周期钩子使用不当;5、插件或依赖问题;6、路由配置错误;7、异步操作处理不当等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

128

2024.03.11

vue.js插槽有哪些用
vue.js插槽有哪些用

vue.js插槽的作用:1、提高组件的可重用性;2、实现组件的灵活布局;3、实现组件间的数据传递和交互;4、促进组件的解耦和模块化。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

186

2024.03.11

vue.js怎么带参数跳转
vue.js怎么带参数跳转

vue.js带参数跳转的方法:1、定义路由;2、在组件中使用路由参数;3、进行带参数的跳转。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

97

2024.03.11

Sass和less的区别
Sass和less的区别

Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

216

2023.10.12

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

443

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

605

2023.08.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap4.x---十天精品课堂
Bootstrap4.x---十天精品课堂

共22课时 | 1.8万人学习

Bootstrap 4 中文开发手册
Bootstrap 4 中文开发手册

共0课时 | 570人学习

PostgreSQL 教程
PostgreSQL 教程

共48课时 | 10.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号