<!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>