OutUI

⌘ K

v5.3.x

最后更新时间：

介绍项目结构

OutUI

⌘ K

v5.3.x

‌
‌
‌
‌

最后更新时间：

介绍项目结构

安装

通过包管理器npm、yarn、pnpm、bun、composer、rubyGems、nuget安装，也可以通过下载 Bootstrap 以获取已编译的 CSS 和 JavaScript、源代码。

包管理器

npm

yarn

pnpm

bun

composer

nuget

rubyGems

$ npm install bootstrap@5.3.3

CDN

css文件

复制以下 <link> 标签并粘贴到 <head> 标签内，注意，务必放到其它所有 CSS 样式前面。

<!-- 引入css -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

js文件

bootstrap.bundle.min.js为Bootstrap的集成包，包含bootstrap.min.js和Popper，Popper用于支持工具提示（tooltip）和弹出框（popover）功能，复制下面的 <script> 标签粘贴到页面底部，并且是在 </body> 标签之前。

<!-- 引入js -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

分开加载

如果分开加载插件（如：使用工具提示和弹出框的话），那么Popper 必须要先加载，然后加载bootstrap.min.js

<!-- poper.min.js -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>