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

Bootstrap 5.3.3 编译产物包

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

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




快速尝试(使用 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

页: [1]
查看完整版本: Bootstrap 5.3.3 编译产物包