feat:更新

main
bicijinlian 2 years ago
parent 5cece0e3fd
commit 794111a5ca

@ -58,8 +58,31 @@
</div> </div>
</div> </div>
<div class="card my-4">
<div class="card-header">
组件学习
</div>
<div class="card-body">
<ul class="card-body-flex">
<li>
<a class="card-link" target="_blank" href="./examples/headers/index.html">折叠</a>
</li>
<li>
<a class="card-link" target="_blank" href="./examples/badges/index.html">badges</a>
</li>
<li>
<a class="card-link" target="_blank" href="./examples/blog/index.html">blog</a>
</li>
</ul>
</div>
<div class="card-footer">
示例学习
</div> </div>
</div>
</div>
<script src="jquery/jquery-3.6.4.min.js"></script>
<script src="./bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<title>BS5 折叠组件</title>
<style>
</style>
</head>
<body>
<div class="container">
<div class="m-3 card">
<div class="card-header">
标题
</div>
<div class="card-body">
示例
</div>
<div class="card-footer">
<div id="2222" class="mb-2 collapse">
<div class="card">
<div class="card-body">body</div>
</div>
</div>
<div class="d-flex justify-content-center">
<a class="btn btn-primary" data-bs-toggle="collapse" href="#2222" role="button">控制按钮</a>
</div>
</div>
</div>
</div>
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<title>BS5 选项卡组件</title>
<style>
</style>
</head>
<body>
<div class="container">
<div class="m-3 card">
<div class="card-header">
选项卡组件
</div>
<div class="card-body">
示例
</div>
<div class="card-footer">
<div id="2222" class="mb-2 collapse">
<div class="card">
<div class="card-body">body</div>
</div>
</div>
<div class="d-flex justify-content-center">
<a class="btn btn-primary" data-bs-toggle="collapse" href="#2222" role="button">源码</a>
</div>
</div>
</div>
</div>
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Loading…
Cancel
Save