- btn
- Size: btn-lg btn-sm btn-xs
- Color: btn-default btn-primary btn-success btn-info btn-warning btn-danger btn-link
- Mix the two
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<button>Plain button</button>
<button class="btn">btn button</button>
<h3>Button Size</h3>
<button class="btn btn-lg">Click</button>
<button class="btn btn-sm">Click</button>
<button class="btn btn-xs">Click</button>
<h3>Button level (?) option (?) color (?)</h3>
<button class="btn btn-default">btn btn-default</button>
<button class="btn btn-primary">btn btn-primary</button>
<button class="btn btn-success">btn btn-success</button>
<button class="btn btn-info">btn btn-info</button>
<button class="btn btn-warning">btn btn-warning</button>
<button class="btn btn-danger">btn btn-danger</button>
<button class="btn btn-link">btn btn-link</button>
<h3>Mix</h3>
<button class="btn btn-xs btn-danger">btn btn-xs btn-danger</button>
<button class="btn btn-lg btn-success">btn btn-lg btn-success</button>
<h2>Link</h3>
<div><a href="/">regular</a></div>
<div><a href="/" class="btn">btn</a></div>
<div><a href="/" class="btn btn-primary">btn btn-primary</a></div>
<div><a href="/" class="btn btn-success btn-lg">btn btn-success btn-lg</a></div>
</div>
</div>
</div>
</body>
</html>