初学者配置并且使用Bootstrap5

望你一世安宁

已于 2023-12-20 04:38:11 修改

阅读量76

点赞数

分类专栏： # Bootstrap 文章标签： bootstrap 学习

于 2023-12-20 04:20:10 首次发布

本文链接：https://blog.csdn.net/qq_57368724/article/details/135098188

版权

Bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

初学者要使用Bootstrap5必须要调用Bootstrap5的js脚本，才可以进行使用！

以下是使用 Bootstrap5的配置文件

<!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

  <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
  <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>

  <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js">
</script>

如果使用？？？

使用方式：在<head></head>标签中插入进行

<!DOCTYPE html>
<html lang="en">
  
<head>
     <!-- 新 Bootstrap5 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

  <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
  <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>

  <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

</head>
  
<body></body>
  
</html>

感兴趣的话多多关注哦！！！