bootstrap库介绍(代码片段)

月疯 月疯     2022-12-23     307

关键词:

官网地址: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 开发社区向前发展。

 

05-jquery介绍(代码片段)

   本篇主要介绍jQuery的加载、jquery选择器、jquery的样式操作、jQuery的事件、jquery动画等相关知识。一、jQuery介绍  jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过... 查看详情

静态库(.a)与动态库(.so)的简明介绍(代码片段)

静态库(.a)与动态库(.so)的简明介绍gcc有很多关于静态库,动态库的选项如-l,-L,-fPIC,-shared-Wl,-soname,看着很复杂容易混淆,其实静态库和动态库都是应需而生,只要有了一个线索都很容易理解。普通编译假设有三个文件(后面均使... 查看详情

mysql查询介绍(代码片段)

MySQL查询介绍一、选定某个库在进行查询的适合,我们可以选择手动选择某个库也可以选择用代码选中某个库但是手动选择库这个会经常忘记,所以极度推荐用代码调用某个库(在查询之前先调用)USE库名;二、查... 查看详情

c++stl库:string介绍(代码片段)

...启一个新主题:C++数据结构之STL库,我们将介绍STL库里常用库的用法与实现过程。常用库库名称所需头文件数据结构string#include<string>串vector#include< 查看详情

c++stl库:string介绍(代码片段)

...启一个新主题:C++数据结构之STL库,我们将介绍STL库里常用库的用法与实现过程。常用库库名称所需头文件数据结构string#include<string>串vector#include< 查看详情

css之bootstrap(快速布局)(代码片段)

简介什么是Bootstrap?Bootstrap官网框架:库liblibraryjQuery作为一个框架来讲,提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件这就是一个框架Bootstrap让我们的Web开发更简单,更快捷;注意是Bootstrap不是BootS... 查看详情

python3.7.x介绍-7标准库(代码片段)

标准库介绍操作系统接口>>>importos>>>os.getcwd()#Returnthecurrentworkingdirectory'C:\\\\Python37'>>>os.chdir('/server/accesslogs')#Changecurrentworkingdirectory>>& 查看详情

arduinowstring.h库功能函数详细介绍(代码片段)

ArduinoWString.h库功能函数详细介绍String:是一个很重要的数据类型。String数据转换函数String(val)String(val,base)String(val,decimalPlaces)参数说明val:要格式化为String类型的变量。允许的数据类型:string,char,byte,int,long,unsignedint,unsignedlong,f 查看详情

bootstrap轮播图carousel插件(代码片段)

一、基本介绍见:https://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html 二、例子:在PC端使用轮播图(高度固定,图片居中,容器铺满,使用背景图)<divid="carousel-example-generic"class="carouselslide"data-ride="carousel"><!- 查看详情

python的数学计算库scipy介绍(代码片段)

Scipy介绍scipy是一个python开源的数学计算库,可以应用于数学、科学以及工程领域,它是基于numpy的科学计算库。主要包含了统计学、最优化、线性代数、积分、傅里叶变换、信号处理和图像处理以及常微分方程的求解以... 查看详情

python的数学计算库scipy介绍(代码片段)

Scipy介绍scipy是一个python开源的数学计算库,可以应用于数学、科学以及工程领域,它是基于numpy的科学计算库。主要包含了统计学、最优化、线性代数、积分、傅里叶变换、信号处理和图像处理以及常微分方程的求解以... 查看详情

c++标准库stl--stl体系结构基础介绍(代码片段)

STL体系结构基础介绍文章内容为侯捷老师的《C++标准库与泛型编程》的学习笔记文章目录STL体系结构基础介绍代码示例容器分类vector关于vector的动态扩充deque红黑树multisetmultimaphashTableunordered_multisetallocator组成:容器ÿ... 查看详情

bootstrap栅格系统布局(代码片段)

一、Bootstrap         Bootstrap是一个基于HTML、CSS和JavaScript语言编写的框架,具有简单、灵活的特性,拥有样式库、组件和插件。        ·Bootstrap常用来开发响应式布局和移动设备优先的Web项目,能够帮助开发... 查看详情

信号处理开源库sp++介绍(代码片段)

SP++(SignalProcessinginC++)是一个关于信号处理与数值计算的开源C++程序库,该库提供了信号处理与数值计算中常用算法的C++实现。SP++中所有算法都以C++类模板方法实现,以头文件形式组织而成,所以不需要用户进行本地编译,只要... 查看详情

jqueryui(代码片段)

...用UI框架到也不失为一个不错的选择,UI框架有很多例如bootstrap、easyUI....本文主要介绍jQueryUI; 概述QueryUI是建立在JavaScript、jQuery之上的UI库,主要包含:交互组件、部件、高级效果.... 一、交互组件1.Draggable组件顾名思义 查看详情

01-bootstrap入门(代码片段)

title:01-Bootstrap入门publish:trueBootstrap介绍Bootstrap是非常流行的前端框架。特点是:灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师MarkOtto和JacobThornton在2011年开发的。简单来说,Bootstrap让Web开发更简单、更快捷。使用Boot... 查看详情

jquery介绍(代码片段)

jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.... 查看详情

gtk+介绍(代码片段)

GTK+介绍官方文档GTK+学习###在Ubuntu系统下$sudoapt-getintallgtk-3-examplesGTK+依赖的函数库Glib提供了各种各样的语言特性,譬如说:各种数据类型、字符串函数、错误通知、消息队列和线程的通用的函数库。Pango用来实现国际化和本地化... 查看详情