bootstrap Web前端UI框架

bootstrap是当下非常受欢迎的用于快速开发Web应用程序和网站的web前端框架，是基于 HTML、CSS、JAVASCRIPT，由 Mark Otto 和 Jacob Thornton 开发，属于强大、可扩展、功能丰富的前端开发工具包，提供的功能包括：基于 Sass 进行编译和定制、内置的网格系统和组件、强大的 JavaScript 插件等。目前bootstrap已经包含了贯穿于整个库的移动设备优先样式，支持所有的主流浏览器，且容易上手，用户只需知道HTML和CSS的基础知识就可以使用bootstrap，最大的特点是响应式的CSS能够自适应各种PC、平板、手机等移动设备。

小编觉得以前做网站的时候前端一般都用Dreamweaver设计，对于基础差的小白来说脚本那一块太神烦啦！但是现在用bootstrap Web前端UI框架，它不仅有基本的模板，而且提供了超级多可复用的组件、插件，并且还有先进的栅格系统。总之，Bootstrap让前端开发变得更加快速、简单。让所有的开发者都能快速上手、所有的设备都可以适配、所有的项目都适用。ps：这里小编带来的是bootstrap框架下载，软件包包括了bootstrap v3、bootstrap v4和bootstrap v5，请用户根据需求选择使用。

bootstrap v3、v4、v5重要区别如下：

1、Bootstrap v3

支持 IE8+ 浏览器

不依赖 jQuery

2、Bootstrap v4

支持 IE10+ 浏览器

支持 Flexbox 布局

不依赖 jQuery

3、Bootstrap v5

支持 Flexbox 布局

支持 Grid 布局

支持 CSS 自定义属性

不依赖 jQuery

不支持 IE 浏览器

软件功能

1、优化CSS样式：

页面排版优化、表格优化设计、表单优化设计、按纽设计、图片和图标设计

2、使用Bootstrap组件：

下拉菜单、按纽组、按纽式下拉菜单、导航、导航条、面包屑和分页、标签和徽章、缩略图、警告框、进度条、媒体、版式、其他组件

3、使用JavaScript插件：

模态对话框、下拉项、滚动监听、标签页、工具提示、弹出提示、警告框、按纽、折叠、轮播、输入提示、附加导航

4、Bootstrap扩展：

针对IE6、IE7的扩展、Bootstarp Metro、颜色选择器、日期选择器、jQuery UI Bootstrap

bootstrap框架使用说明

1、安装 Bootstrap

通过 npm、Composer、或者 Meteor，可以将 Bootstrap 的 Sass 和 JavaScript 源码安装到本地。

通过软件包管理工具所安装的 Bootstrap 是不包含文档以及完整的构建脚本的。你还可以 利用我们提供的 npm 工程模板源码仓库 快速生成一个 Bootstrap 项目。

$ npm install bootstrap

$ gem install bootstrap -v 4.6.2

2、BootCDN

如果你只是需要使用 Bootstrap 的预编译 CSS 或 JS 文件，你可以直接使用 BootCDN 提供的免费 CDN 加速服务。

通过我们提供的这些简单的 入门模板 或 浏览这些示例 以便帮助你快速启动一个新项目。你还可以选择引入 Popper.js 和我们提供的 各个独立的 JS 文件。

3、Bootstrap 图标库

Bootstrap 有史以来第一次拥有自己的开源 SVG 图标库，旨在配合我们的组件和文档一起使用。

Bootstrap 图标库旨在与 Bootstrap 组件配合使用，但它们也可以使用到任何项目中。这些图标是 SVG 格式的，因此它们可以被快速轻松地缩放、可以通过多种方式使用、并且可以使用 CSS 设置样式。

4、官方主题

官方 Bootstrap 主题市场 提供了许多高级主题，让 Bootstrap 提升到了一个新的水平。

这些主题是基于 Bootstrap 构建的，并作为他们自己的扩展框架，包含了丰富的新组件和插件、文档以及构建工具。

软件特色

1、预处理工具

虽然可以直接使用 Bootstrap 提供的 CSS 样式表，但是不要忘记，Bootstrap 的源码是采用最流行的 CSS 预处理工具 Less 和 Sass 开发的。你可以直接采用预编译的 CSS 文件快速开发，也可以从 Bootstrap 源码自定义自己需要的样式。

2、一个框架、多种设备。

你的网站和应用能在 Bootstrap 的帮助下通过同一份源码快速、有效地适配手机、平板和 PC 设备，这一切都是 CSS 媒体查询（Media Query）的功劳。

3、功能完备

Bootstrap 提供了全面、美观的文档，你能在这里找到关于普通 HTML 元素、HTML 和 CSS 组件以及 jQuery 插件方面的所有详细文档。

更新日志

v5.3.3版本

一、集锦

1、修复了使用Sass构建Bootstrap时，需要手动导入variables-dark.css的颜色模式带来的突破性变化。现在，_variables.scss将自动导入_variables-dark.scss。如果你已经手动导入_variables-dark.scss，你应该继续这样做，因为它不会破坏任何东西，而且将是v6中的做法。

2、修复了选择器引擎中无法再处理多个ID的回归问题。

二、颜色模式

1、徽章现在使用.text bg-*text实用程序来确保文本始终可读（特别是在浅色和深色模式下自定义颜色不同时）。

2、修复了我们的color-models.js脚本，以处理操作系统设置为灯光模式而网站上使用自动颜色模式的情况。如果您从我们的文档中复制了脚本，则应将此更改应用于您自己的脚本。

3、修正了颜色模式文档中的配色方案描述，显示colorschema（）只接受亮值和暗值作为参数。

三、其他

1、消毒剂中允许存在<dl>、<dt>和<dd>。

2、模态和非画布标题的项目分布均匀。

3、修复了手风琴CSS选择器，以避免嵌套手风琴时的继承问题。

4、修复了验证声明表单控件的焦点框阴影。

5、修复了聚焦环在聚焦复选按钮上的问题。

6、修复了产品示例移动导航栏切换。

7、更改了转盘控件图标的RTL处理。

四、文件

1、删除了不必要的右边距，例如代码块。

2、修复了背景实用程序示例部分中强调文本实用程序的使用。

3、添加了关于如何渲染默认展开的手风琴的技术说明。

4、在Vite指南中更改了Vite配置路径导入。

5、增强了.card img-*类的卡图像描述。

6、在Sass自定义页面的tint-color（）和shade-color（）中提到了shift-color（）函数。

7、在Cheatsheet示例导航按钮中添加了缺失的type=“button”属性。

8、更新了自定义页面中的颜色表，使其具有响应性。