Bootstrap 5.3.3 编译产物包

stevenyoung1120 · 发表于 2025-2-4 22:40:10

Bootstrap 前端框架 5.3.3 版本编译产物包。
在不使用 Vuejs 的情况下，可以像 MDUI 一样纯手搓页面（指直接对 html 文件动手（建议搭配 Jquery 使用）），非常容易上手。

源地址：https://getbootstrap.com/
框架文档：https://getbootstrap.com/docs/5.3/getting-started/introduction/

bootstrap-5.3.3-dist.zip (1.43 MB, 下载次数: 2)

快速尝试（使用 CDN 引入）：
1、新建 index.html 文件
2、在文件中输入以下内容

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

复制代码

3、根据文档按需添加组件
4、用浏览器打开 index.html

使用本地文件：
修改上述样例的 <link> 标签 href 属性指向产物包 css/bootstrap.min.css
修改上述样例的 <script> 标签 src 属性指向产物包 js/bootstrap.min.js

账号		自动登录	找回密码
密码			立即注册

[资源分享] Bootstrap 5.3.3 编译产物包