Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新 _Bootstrap5.0

文章插图

Bootstrap 5.0正式发布了，带来了很多亮点，还学得动吗？
Bootstrap 介绍Bootstrap 是前些年十分流行，当前比较流行的前端框架，由国内上不了的推特出品，基于 css / html / JAVAscript 提供了简洁的api，以及更为完善的人性化的网站风格，并兼容大多数 jQuery 插件。。特点是上手简单灵活，当年一经推出，受到了大量前端开发者的青睐，极大地加快了 web 开发的速度，是 web 前端开发人员的一个重要工具。

文章插图
bootstrap5 官网截图
历经了4个大版本的更新，如今 Bootstrap 5.0 正式版也正式发布了，带来很多新特性：

全新的logo，以及官网文档更新了全新的视觉样式
不再依赖 jQuery，文件更小并提高页面加载速度
终于放弃了对 Internet Explorer 的支持，CSS 可以使用自定义属性了
网格系统、表格、手风琴等组件的优化更新
新增了全新的画布组件，表单和输入组件也得到了大量更新

开发上手体验和使用建议在移动互联网刚刚兴起的那些年，前端没有现在那么多工具，Bootstrap 可谓一骑绝尘，移动优先的自适应布局，配合 jQuery，还有成千上万的漂亮主题，能快速地搭建非常美观健壮的 web 应用。前不久 Bootstrap 还发布了官方的开源图标库 Bootstrap Icons，同样都是非常优秀的开源项目。

文章插图
bootstrap 主题
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 是由