2019-1-4 Bootstrap中的按钮

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="
width=device-width, 
initial-scale=1.0,
maximum-scale=1.0,
user-scalable=no">

<title>Bootstrap 实例</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

######################按钮的学习##########################

默认按钮 原始按钮 成功按钮 信息按钮 警告按钮 危险按钮 链接按钮

激活的块级按钮就相当于它呈现为被按压的外观（深色的背景、深色的边框、阴影） 块级按钮

		<button type="botton" class="btn btn-default">默认按钮</button> <!-- btn类是按钮的基本属性圆角的灰色按钮 -->
		<button type="botton" class="btn btn-primary">原始按钮</button>
		<button type="botton" class="btn btn-success">成功按钮</button>
		<button type="botton" class="btn btn-info">信息按钮</button>
		<button type="botton" class="btn btn-warning">警告按钮</button>
		<button type="botton" class="btn btn-danger">危险按钮</button>
		<button type="botton" class="btn btn-link">链接按钮</button>
		

			btn定义按钮的基本属性

			btn-lg让按钮看起来比较大
			btn-sm按钮比较小
			btn
			active 按钮被点击时会有背景色的变化
			btn-block横跨整个父元素，当你把button放在div中时，将会覆盖整个div区域
		
	

分割按钮

Sony

• Tablet
• Smartphone

• 	</ul>
  	
  </div>