bootStrap库介绍

Posted 月疯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootStrap库介绍相关的知识,希望对你有一定的参考价值。

官网地址:https://www.bootcss.com/

这是一个基于jquery的框架。

Bootstrap 是全球最受欢迎的前端框架,用于构建响应式、移动设备优先的网站。利用 jsDelivr 和我们提供的入门模板帮助你快速掌握 Bootstrap。

支持的浏览器

Bootstrap 支持所有主流浏览器和平台的 最新、稳定版本。在 Windows 上,我们支持 Internet Explorer 10-11 / Microsoft Edge 浏览器

对于其它使用了最新版本的 WebKit、Blink 或 Gecko 内核的浏览器,或者直接或间接调用了平台的 web view API,都不是明确被支持的。但是,Bootstrap 应该(大多数情况下)在这些浏览器中是能够正常显示和运行的。下面列出了更具体地支持情况。

网格系统

借助十二列系统、五个默认响应层、Sass 变量和混合以及数十个预定义类,使用我们强大的移动优先 flexbox 网格构建各种形状和大小的布局。

集成包

我们提供的两个集成包都包含了 Bootstrap 的每一个 javascript 插件。即 bootstrap.bundle.js 和 bootstrap.bundle.min.js,此外,还包含了 Popper,用于支持工具提示(tooltip)和弹出框(popover)功能,但是不包含 jQuery。添加到页面中时,按照先 jQuery 后 Bootstrap 的 JavaScript 集成包的顺序依次添加。

 

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-NU/T4JKmgovMiPaK2GP9Y+TVBQxiaiYFJB6igFtfExinKlzVruIK6XtKqxCGXwCG" crossorigin="anonymous"></script>

分开加载

如果你决定分开加载各个文件,那么务必按此顺序,首先是 jQuery,其次是 Popper

 

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-qtoqgtVysUOibC/YeVgpOyLJpelAT1DHvg98mYHqq8ofXEmNEjaNqOZwnMKxlXCy" crossorigin="anonymous"></script>

 

团队

Bootstrap 由GitHub 上的一小群开发人员维护。我们正在积极寻求发展这个团队,如果您对大规模 CSS、编写和维护普通 JavaScript 插件以及改进前端代码的构建工具流程感到兴奋,我们很乐意听取您的意见。

历史

Bootstrap 最初由 Twitter 的设计师和开发人员创建,现已成为世界上最受欢迎的前端框架和开源项目之一。

Bootstrap 于 2010 年年中由@mdo和@fat在 Twitter 上创建。在成为开源框架之前,Bootstrap 被称为Twitter Blueprint。开发几个月后,Twitter 举办了第一次黑客周,随着各种技能水平的开发人员在没有任何外部指导的情况下加入,该项目迅速发展。在公开发布之前的一年多时间里,它一直作为公司内部工具开发的风格指南,并且一直沿用至今。

最初发布于2011 年 8 月 19 日,星期五,我们已经发布了20 多个版本,其中包括对 v2 和 v3 的两次主要重写。在 Bootstrap 2 中,我们将响应式功能作为可选样式表添加到整个框架中。在 Bootstrap 3 的基础上,我们再次重写了该库,使其默认响应式移动优先。

在 Bootstrap 4 中,我们再次重写了项目以解决两个关键的架构变化:迁移到 Sass 和迁移到 CSS 的 flexbox。我们的目的是通过在更现代的浏览器中推动更新的 CSS 属性、更少的依赖项和新技术,以小的方式帮助推动 Web 开发社区向前发展。

 

以上是关于bootStrap库介绍的主要内容,如果未能解决你的问题,请参考以下文章

使用bootstrap的原因是啥

bootStrap库介绍

MUI

Blazor Bootstrap 组件库 Toast 轻量弹窗组件介绍

Blazor Bootstrap 组件库浏览器通知组件介绍

Mint-UI