Bootstrap包导入及介绍

版本： v5.3.0-alpha1Bootstrap v5 中文文档 · Bootstrap 是全球最受欢迎的 HTML、CSS 和 JS 前端工具库。 | Bootstrap 中文网 (bootcss.com)https://v5.bootcss.com/

在线导入

<%--css--%>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

<%--js--%>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script>

本地导入

<!--css-->
<link rel="stylesheet" href="/css/bootstrap.css">

<!--js-->
<!--其中/是相对于web路径 = web/js/bootstrap.bundle.js-->
<script src="/js/bootstrap.bundle.js"></script>

文件名	描述
bootstrap.esm.js	ECMAScript 模块（ESM）版本的 Bootstrap JavaScript 文件。遵循 ECMAScript 模块的语法和规范，可按需导入和导出模块。适用于现代 JavaScript 构建工具和模块化开发。
bootstrap.bundle.js	完整版的 Bootstrap JavaScript 文件，包含所有插件、依赖项和核心功能。预编译、压缩的文件，用于提供 Bootstrap 的所有交互功能和组件行为。适用于快速开始和简化项目搭建。
bootstrap.js	核心版的 Bootstrap JavaScript 文件，只包含核心功能，不含任何插件或依赖项。较小的文件，用于实现基本的 Bootstrap 样式和交互功能。需单独加载其他插件或组件的 JavaScript 文件。

文件名	描述
bootstrap.css	Bootstrap 的主要 CSS 文件，包含了基本的样式和组件样式。适用于大多数项目，提供了响应式布局和常用组件的样式。
bootstrap.rtl.css	RTL（Right-to-Left）版本的 Bootstrap CSS 文件，用于从右到左的语言和布局。适用于支持 RTL 布局的项目，提供了适应 RTL 布局的样式。
bootstrap-grid.css	Bootstrap 网格系统的 CSS 文件，用于创建响应式网格布局。提供了栅格类和布局相关的样式，用于快速创建网格布局。适用于需要自定义网格布局的项目。
bootstrap-reboot.css	Bootstrap 的重置样式文件，用于重置不同浏览器的默认样式，确保一致的跨浏览器表现。适用于需要自定义样式或与其他样式库一起使用的项目。
bootstrap-utilities.css	Bootstrap 实用工具类的 CSS 文件，提供了一系列实用的类，用于调整元素的样式和布局。包括辅助类、显示和隐藏类、间距类等。适用于快速添加样式和布局调整的项目。
bootstrap-utilities.rtl.css	RTL（Right-to-Left）版本的 Bootstrap 实用工具类的 CSS 文件，用于从右到左的语言和布局的项目。提供了适应 RTL 布局的实用工具类的样式。

文件名	描述
bootstrap.min.css	.min 版本的 CSS 文件主要用于生产环境和发布网站时，以减小文件大小、提高加载速度和节省带宽。在开发和调试阶段，通常使用常规的未压缩的 CSS 文件，以便进行修改和调试。
bootstrap.css.map	在开发过程中，当使用压缩/混淆工具对 CSS 文件进行处理时，同时生成一个对应的 CSS Map 文件，以便在需要时能够准确地追踪和调试源代码。在生产环境中，可以将 CSS Map 文件与压缩后的 CSS 文件分开部署，只在开发阶段使用 CSS Map 文件进行调试。