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]