Bootstrap历练实例:按钮,Button插件单个切换

单个切换

如需激活单个按钮的切换(即改变按钮的正常状态为按压状态,反之亦然),只需向 button 元素添加 data-toggle="button" 作为其属性即可,如下面实例所示:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Bootstrap历练实例:按钮(Button)插件单个切换</title>

<meta charset="utf-8" />

<meta name="viewport"content="width=device-width,initial-scale=1.0" />

<link rel="stylesheet"href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />

<script src="jQuery/jquery-2.1.4.js"></script>

<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

<button type="button"class="btn btn-success"data-toggle="button">单个切换</button>

</div>

</body>

</html>