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官网上找到自己想要的样式复制粘贴到我们的项目中了

 

posted @ 2022-05-08 10:03  栗栗向前冲  阅读(512)  评论(0)    收藏  举报