Bootstrap5 教程

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

下载 Bootstrap 以获得编译后的 CSS 和 JavaScript 文件、源码，或者通过你所喜欢的软件包管理器，例如 npm、RubyGems 等，将 Bootstrap …

了解 Bootstrap 软件包中所包含的内容，包括预编译和源码文件。 预编译的 Bootstrap 文件 下载并解压后，你将看到文件夹中包含如下文件： bootstrap/ ├─…

了解 Bootstrap 所支持的新和旧的浏览器和设备，以及每种浏览器和设备的已知问题和 bug。 支持的浏览器 Bootstrap 支持所有主流浏览器和平台的 最新、稳…

通过使用可选的 JavaScript 插件，让 Bootstrap 变得栩栩如生。在本章中你将了解每个插件以及 Bootstrap 提供的 data 和编程式 API 等更多信息。…

了解如何利用 Webpack 或其它打包工具将 Bootstrap 应用到项目中。 安装 Bootstrap 利用 npm 安装 bootstrap 并将其作为…

了解如何在你的Bootstrap项目中使用 Parcel。 安装Parcel 安装Parcel bundler。 安装Bootstrap 使用 npm 将Bootstrap安装为 …

Bootstrap 在创建可访问内容方面的功能和限制的简要概述。 Bootstrap 提供了一个易于使用的现成样式、布局工具和交互式组件框架，允许开发人员创建视觉上吸引人、功能丰富…

Bootstrap 的大小调整引擎响应性地缩放常见的 CSS 属性，以更好地利用跨视口和设备的可用空间。 什么是RFS？ Bootstrap 的副项目RFS是一个单位大小调整引擎，…

了解如何在 Bootstrap 中跨我们的布局、组件和实用程序启用对从右到左文本的支持。 熟悉 我们建议先通读我们的入门介绍页面，熟悉 Bootstrap 。完成后，请继…

利用我们提供的文档构建脚本和测试工具来为 Bootstrap 的开发提供帮助。 安装工具 Bootstrap 使用 npm 脚本 来构建文档并编译源文件。我们的…

了解如何使用Sass设置主题，自定义和扩展Bootstrap，一系列全局选项，扩展的色彩系统等等。 Sass  使用的源Sass文件来利用变量，映射，mixin和函数。 …

使用Sass文件来利用变量、映射、mixin和函数来帮助你更快地构建和自定义你的项目。 使用源Sass文件来利用变量、映射、mixin等等。在Bootstrap的构建中，将Sass…

使用内置变量快速自定义Bootstrap，方便快捷的切换全局CSS。 你可以在Bootstrap的 ​scss/_variables.scss ​文件中为关键的…

Bootstrap 由广泛的颜色系统支持，该系统以我们的样式和组件为主题。这可以为任何项目提供更全面的定制和扩展。 主题色 我们使用所有颜色的一个子集来创建一个较小的调色板来生成配…

Bootstrap4 是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集，与之前的版本相比，拥有更强大的功能。 利用提供的 Sass 变量…

Bootstrap4支持多种浏览器和设备，不管是最新的还是一些较早的浏览器，都支持。具体支持哪一些，请看下面内容。 支持的浏览器 Bootstrap4 支持所有的主流浏览器和平台的…

在Bootstrap 4中，我们可以通过一系列的全局选项，在项目中轻松定制所有的组件。这些选项通过Sass变量来处理。通过内置的Gruntfile，可以简单改变一个变量的…

弹性盒(Flexbox)是Bootstrap4最新支持的特性，Bootstrap 4 通过 flex 类来控制页面的布局。 在Bootstrap4中，只需用少量变量或者交换一下样式…

创建第一个 Bootstrap 4 页面 当你成功安装好 Bootstrap4 后，就可以开始创建 Bootstrap4 的第一个页面了。 添加 HTML5 d…