<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
<div class="container">
<!-- 按钮的颜色 -->
<button type="button" class="btn btn-default">默认</button>
<button type="button" class="btn btn-primary">primary</button>
<button type="button" class="btn btn-success">success</button>
<button type="button" class="btn btn-warning">warning</button>
<button type="button" class="btn btn-info">info</button>
<button type="button" class="btn btn-link">link</button>
<button type="button" class="btn btn-danger">danger</button>
<br><br><br>
<!-- 按钮大小 -->
<button type="button" class="btn btn-default btn-lg">默认</button>
<button type="button" class="btn btn-default ">默认</button>
<button type="button" class="btn btn-default btn-sm">默认</button>
<button type="button" class="btn btn-default btn-xs">默认</button>
<br><br><br>
<!-- btn-block铺满父级容器 -->
<button type="button" class="btn btn-info btn-block">默认</button>
</div>
</body>
</html>
