bootstrap--引入和按钮

引用和插入的俩种方法

• 插入在线的文件

<title>Bootstrap引入</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->  
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">  
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>  
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 

• 插入本地的文件
  按钮

1. 定义
   • 第一种
     <a> </a>
   • 第二种
     <button> </button>
   • 第三种
     <input> </input>

2.属性

• 颜色
  黄 warning
  红 danger
  蓝 primary
  浅蓝 info
  绿 success
  默认 default
• 大小
  大 btn-lg
  小 btn-sm
  极小 btn-xs
• 状态
  禁用（不可点击）disabled
  激活 active
  *在<a>标签中直接使用,
  eg:<a disable>
  *在<button>中需要设置属性,
  eg:<button disabled="disabled">
• 大小取决于父级所占的大小
  只需要加属性<a class="btn btn-block">
• 按钮组
  单选
  <div class="btn-group" data-toggle="buttons"
  <lable class="btn">
  <input class="redio">
  </input>
  </lable>
  <lable class="btn">
  <input class="redio">
  <input>
  </lable>

如果把上述的redio改为checkbox，就成为了多选