标签：com init ges href group http 复杂 span 按钮
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="<%=path%>/bootstrap/css/bootstrap.css" rel="stylesheet"> <script type="text/javascript" src="<%=path%>/bootstrap/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="<%=path%>/bootstrap/js/bootstrap.min.js"></script> <title>Insert title here</title> <script type="text/javascript"> </script> </head> <body> <div class="btn-group"> <button class="btn btn-default">按钮一</button> <button class="btn btn-default">按钮一</button> <button class="btn btn-default">按钮一</button> </div> </body>
效果：
class="btn-group" 定义一个按钮组容器。
<div class="btn-group"> 组合进一个 <div class="btn-toolbar"> 中就可以做成更复杂的组件。<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="<%=path%>/bootstrap/css/bootstrap.css" rel="stylesheet"> <script type="text/javascript" src="<%=path%>/bootstrap/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="<%=path%>/bootstrap/js/bootstrap.min.js"></script> <title>Insert title here</title> <script type="text/javascript"> </script> </head> <body> <div class="btn-toolbar"> <div class="btn-group"> <button class="btn btn-default">按钮一</button> <button class="btn btn-default">按钮二</button> </div> <div class="btn-group"> <button class="btn btn-default">按钮三</button> <button class="btn btn-default">按钮四</button> </div> </div> </body>
效果：
标签：com init ges href group http 复杂 span 按钮
原文地址：http://www.cnblogs.com/shyroke/p/7151388.html
