Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新
xsobi 2025-01-11 18:18 1 浏览
Bootstrap 5.0正式发布了，带来了很多亮点，还学得动吗？
Bootstrap 介绍
Bootstrap 是前些年十分流行，当前比较流行的前端框架，由国内上不了的推特出品，基于 css / html / javascript 提供了简洁的api，以及更为完善的人性化的网站风格，并兼容大多数 jQuery 插件。。特点是上手简单灵活，当年一经推出，受到了大量前端开发者的青睐，极大地加快了 web 开发的速度，是 web 前端开发人员的一个重要工具。
历经了4个大版本的更新，如今 Bootstrap 5.0 正式版也正式发布了，带来很多新特性：
- 全新的logo，以及官网文档更新了全新的视觉样式
- 不再依赖 jQuery，文件更小并提高页面加载速度
- 终于放弃了对 Internet Explorer 的支持，CSS 可以使用自定义属性了
- 网格系统、表格、手风琴等组件的优化更新
- 新增了全新的画布组件，表单和输入组件也得到了大量更新
开发上手体验和使用建议
在移动互联网刚刚兴起的那些年，前端没有现在那么多工具，Bootstrap 可谓一骑绝尘，移动优先的自适应布局，配合 jQuery，还有成千上万的漂亮主题，能快速地搭建非常美观健壮的 web 应用。前不久 Bootstrap 还发布了官方的开源图标库 Bootstrap Icons，同样都是非常优秀的开源项目。
Bootstrap 5.0 作为传统的 css / html / js 框架，使用也很简单，无需去学习 vue.js 那些数据绑定视图的原理，可以直接引入，也可以通过 npm 安装，即使是使用 PHP 或 Java 的后端开发者，也可以快速地通过官网文档上手。
选择基于vue 的UI库还是Bootstrap ？
要想明白这个问题，只要考虑几个问题就行了。
- 如果是需要对搜索引擎友好（seo）的新项目，建议使用相对传统的 Bootstrap，这些项目相对单页面应用，交互较少，内容较多
- 虽然 vue 生态也有工具支持 seo，但文档量大且使用复杂，不是大神不建议使用
- 原来已经有使用 jQuery 搭建的 PC 网站，想要单独做移动站，或者改造成自适应站点，也推荐用 Bootstrap
vue 和 bootstap 可以一起使用吗？
非常不建议。因为 Bootstrap 是操作 dom 的，而 vue 都是虚拟的 dom，一起搭配使用会很容易导致很多问题。vue 生态有很多很优秀的 UI 组件库，之前也推荐过很多，可以翻翻以前的文章，pc / 移动端，admin 应有尽有。
免费开源说明
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的，在 GitHub 上发布的开源产品，基于 MIT 开源协议，所有个人、公司和组织都可以下载使用，免费用于商业项目。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点【了解更多】查看本次分享的网址。
相关推荐
- bootstrap入门
-
bootstrap是一个前端ui框架，它把我们网页开发常用的功能都写好了，我们使用它可以像搭积木一样的轻松的开发网站，不过现在都流行前后端分析了，而且layui也比较好用，个人觉得无论哪个ui框架，我...
- BootStrap简介及应用要点
-
BootStrap简介BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架，他是后端程序员的福音，使它们只需要专注业务逻辑，...
- 如何在Bootstrap Studio中使用图标字体?
-
BootstrapStudioforMac是一款网站设计制作工具，图标字体类似于普通的Web字体，但是它们包含矢量形状，而不是字母和数字。那么如何在BootstrapStudio中使用图标字体...
- Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新
-
Bootstrap5.0正式发布了，带来了很多亮点，还学得动吗？Bootstrap介绍...
- BootstrapBlazor 模板适配移动设备使用笔记
-
项目模板BootstrapBlazorApp模板为了方便大家利用这套组件快速搭建项目，作者制作了项目模板（ProjectTemplates），使用dotnetnew命令行模式，使用步骤...
- bootstrap的tab标签页的使用
-
标签tab页在，当前的web中应用十分广泛，君不见，在博客的右侧出现的最新文章和随机文章中有它的身影，在大型门户网站中也有它的身影，可以说其无处不在的刷着存在感。既然其如此嚣张的存在，我们没有理由不应...
- 使用 Bootstrap 的最简单方法 - 让你的 HTML 看起来赏心悦目
-
什么是BootstrapBootstrap是一个免费的开源CSS框架，使得前端Web开发变得更加简单。...
- Bootstrap-table 使用总结
-
一、什么是Bootstrap-table？在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随笔介绍这...
- 建议收藏:哪些电子发票有XML格式?
-
报销时，财务要求提供发票XML格式。但不是所有的电子发票都有哦，目前只有数电发票（全面数字化的电子发票）有XML格式！目前的数电发票有下面这几大类：1、电子发票（增值税专用发票）：适用于增值税一般纳税...
- Mybatis中mapper的xml解析详解
-
上一篇文章分析了mapper注解关键类MapperAnnotationBuilder，今天来看mapper的项目了解析关键类XMLMapperBuilder。基础介绍回顾下之前是在分析configur...
- word修改文中任意一处文字，其他地方相同的内容自动修改
-
我们工作写方案处理word的时候，经常会遇到这么一种情况，即文中存在多处相同的文字内容，可能是词语，也可能是段落。当我们修改了其中一处后，其他地方还得手动修改，十分不便。今天给大家分享一下，在word...
- 第9天 | 鸿蒙App开发实战，XML创建布局，共性很重要
-
XML声明布局的方式更加简便直观，是开发App的核心内容之一，咱们完全有必要搞清楚。每一个Component和ComponentContainer对象大部分属性都支持在XML中进行设置，它们有各自的X...
- 可扩展标记语言格式XML
-
1，XML（eXtensibleMarkupLanguage）：指可扩展标记语言，一种数据表示格式，被设计用来传输和存储数据，不用于表现和展示数据。2，XML和基于XML的语言的整个结构是...
- 比较一下JSON与XML两种数据格式?
-
JSON（JavaScriptObjectNotation）和XML（eXtensibleMarkupLanguage）是在日常开发中比较常用的两种数据格式，它们主要的作用就是用来进行数据的传...
- PROFINET工业以太网教程(16)-GSDML文件详解
-
前面的文章（PROFINET工业以太网教程(10)——GSD文件）我们介绍过GSD文件，它的全称是“GeneralStationDescription”，中文翻译为“通用站描述文件”。GSD文件的...
- 一周热门
- 最近发表
- 标签列表
-
- grid 设置 (58)
- 移位运算 (48)
- not specified (45)
- patch补丁 (31)
- 导航栏 (58)
- context xml (46)
- scroll (43)
- dedecms模版 (53)
- c 视频教程下载 (33)
- listview排序 (33)
- firebug 使用 (31)
- characterencodingfilter (33)
- getmonth (34)
- hibernate教程 (31)
- label换行 (33)
- curlpost (31)
- android studio 3 0 (34)
- android应用开发 (31)
- html转js (35)
- 索引的作用 (33)
- checkedlistbox (34)
- localhost 8080 (32)
- 多态 (32)
- xmlhttp (35)
- mysql更改密码 (34)