Bootstrap按鈕學習筆記，包含按鈕的樣式，按鈕的大小及狀態 ...
按鈕標簽
在<a>,<button>或input元素上使用按鈕class。但是為了避免跨瀏覽器的不一致性，建議使用<button>標簽。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 模板</title>
<meta charset="utf-8">
<!-- 引入 Bootstrap -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!--記錄不同的標簽使用bootstrap的btn類-->
<a class="btn btn-default" href="#" role="button">鏈接</a>
<button class="btn btn-default" type="submit">按鈕</button>
<input class="btn btn-default" type="button" value="輸入">
<input class="btn btn-default" type="submit" value="提交">
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 包括所有已編譯的插件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>感覺link標簽的不怎麼明顯，但是還是能夠從邊距上看出是一個button的，這裡只是說明瞭怎樣利用不同的標簽來使用btnclass。
可以使用在以上標簽的樣式
基本樣式
btn為按鈕添加基本的按鈕樣式，一般與下麵的類聯合只用，這樣可以保證按鈕大小和邊距的統一。顏色
btn-default預設的按鈕樣式，就是白底黑字灰框，要跟btn聯合使用，下同btn-primary原始的按鈕樣式，藍底白字btn-success成功的樣式，綠底白字btn-info表示點擊後會彈出信息，淡藍色底白字btn-warning表示需要謹慎操作的按鈕，黃底白字btn-danger表示危險的操作，紅底白字btn-link讓按鈕看起來像一個連接，仍然保持按鈕的行為大小
btn-lg比普通的圖標要大的大圖標btn-sm小圖標btn-xs超小圖標btn-block塊級按鈕，拉伸至父元素100%的寬度
按鈕這裡並不能構成響應式分佈，如果三個都寫了，最後一個類會覆蓋前面的樣式。
狀態
active表示按鈕被激活，按鈕會比普通的按鈕寬一些disableddisabled屬性和disabled類都能將按鈕禁用，兩者效果相同。對於link，用disabled屬性會讓link顯示出和button相同的效果。滑鼠移上去就變成禁止的樣式
<!--應用了disabled類的只是禁用了連接-->
<a class="btn btn-danger disabled" role="button" href="#">應用disabled類</a>
<!--使用了disabled屬性則禁用了整個按鈕-->
<a class="btn btn-danger" role="button" disabled="disabled" href="#">應用disabled標簽</a>
<button class="btn btn-default btn-danger disabled" type="submit">按鈕</button>
