<!--在<div>元素上添加.btn-group类来创建按钮组。
<div class="btn-group">
<a class="btn btn-success">按钮1</a>
<a class="btn btn-danger">按钮2</a>
</div>-->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title></title>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>普通按钮组</h1>
<!--使用.btn-group-lg/sm/xs类来设置按钮的大小-->
<div class="btn-group btn-group-xs">
<a class="btn btn-success">按钮1</a>
<a class="btn btn-danger">按钮2</a>
</div>
<h1>垂直按钮组</h1>
<!--使用.btn-group-vertical类来创建垂直的按钮组-->
<div class="btn-group-vertical btn-group-sm">
<button class="btn btn-primary">Apple</button>
<button class="btn btn-warning">Samsung</button>
<button class="btn btn-dark">Sony</button>
</div>
</div>
<br/><br/><br/><br/><br/><br/>
</body>
</html>
扫一扫
468
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
