Bootstrap@5的应用
1.如果我们要把bootstrap@5应用到我们的项目中,我们首先要引入css还有js的文件链接
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rTTiRUKnSWaDu2FjhzWFl8/JuUZMlplyWE/djenb2LoKqkgLGfEGfSrL7XDLoB1M" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-Nj1D6pu2WnJojj+67GiU9ZFNwbl7bUWX5Kj5MS22C8bGjllemM9pvQyvj14zJb58" crossorigin="anonymous"></script>
2.我们也可以将bootstrap下载到我们的项目中来应用,这里介绍两种方式
(1)到bootstrap官网上直接下载经过编译的css还有js的压缩包,解压并且放到需要的项目中来应用
(2)在 Node.js 项目中安装 Bootstrap 的npm软件包:npm i bootstrap
const bootstrap = require('bootstrap') 或 import bootstrap from 'bootstrap' 会将所有 Bootstrap 的插件加载到一个 bootstrap 对象上。 bootstrap 模块本身导出(export)所有插件。 Bootstrap 的所有 jQuery 插件都放在软件包顶级目录下的 /js/dist/*.js 中,每个插件都可以独立加载。
3.下载引入完成之后就可以在bootstrap官网上找到自己想要的样式复制粘贴到我们的项目中了


浙公网安备 33010602011771号