在线HTML编辑器 - BootWiki.com

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 3 活动按钮</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	
	<link href="../bootstrap/v3/dist/css/bootstrap.min.css" media="screen" rel="stylesheet">
	<style>
		body {
			padding: 50px
		}
	</style>
	
    
	
</head>
<body>
	
	
	<button class="btn btn-default active" type="button">默认</button>

<button class="btn btn-primary active" type="button">原始</button>

<button class="btn btn-success active" type="button">成功</button>

<button class="btn btn-info active" type="button">信息</button>

<button class="btn btn-warning active" type="button">警告</button>

<button class="btn btn-danger active" type="button">危险</button>

<button class="btn btn-link active" type="button">链接</button>
	
	<script src="https://code.jquery.com/jquery.js"></script>
	
	<script src="../bootstrap/v3/dist/js/bootstrap.min.js"></script>
	
</body>
</html>