按钮
<!DOCTYPE html>
<html lang="en">
<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">
<title>Button</title>
<link href="./bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h4>原生按钮</h4>
<button>原生按钮</button>
<input type="submit" value="原生按钮">
<input type="button" value="原生按钮">
<br>
<h4>基础样式</h4>
<button class="btn">B按钮</button>
<br>
<h4>附加样式</h4>
<button class="btn btn-primary">B按钮</button>
<button class="btn btn-info">B按钮</button>
<button class="btn btn-success">B按钮</button>
<button class="btn btn-warning">B按钮</button>
<button class="btn btn-danger">B按钮</button>
<button class="btn btn-link">B按钮</button>
<button class="btn btn-default">B按钮</button>
<br>
<h4>按钮大小</h4>
<button class="btn btn-primary btn-lg">B按钮</button>
<button class="btn btn-info btn-sm">B按钮</button>
<button class="btn btn-success btn-xs">B按钮</button>
<br>
<h4>多标签复用按钮样式</h4>
<a href="#" class="btn btn-info">a标签</a>
<span class="btn btn-primary">span标签</span>
<br>
<h4>按钮禁用</h4>
<button class="btn btn-success" onclick="alert('hello')" disabled="disabled">B按钮</button>
<button class="btn btn-warning disabled" onclick="alert('hello')">B按钮</button>
</body>
</html>
