BootStrap之表格和按钮

-表格：table
table-striped 一行隔一行加单色背景效果
table-bordered 给表格添加边框
table-hover 鼠标悬停在表格上实现背景效果

<table class="table table-striped table-bordered table-hover">
<tr>
<td>1</td>
<td>1</td>
</tr>
<td>2</td>
<td>2</td>
</tr>
</table>

-tr的状态类
active 鼠标悬停在行或单元格上
success 标识成功或积极的动作
info 标识普通的提示信息或动作
warning 标识警告或需要用户注意
danger 表示危险或潜在的带来负面影响的动作

  <table class="table table-striped table-bordered table-hover">
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
  <tr class="active">
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr class="success">
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td>2</td>  
  </tr> 
   <tr class="info">
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>  
  </tr> 
   <tr class="warning">
    <td>4</td>
    <td>4</td>
    <td>4</td>
    <td>4</td>  
  </tr> 
   <tr class="danger">
    <td>5</td>
    <td>5</td>
    <td>5</td>
     <td>5</td>
  </tr> 
</table>

-按钮
a标签使用按钮时，用于当前页面触发某些功能，设置role=“button
导航和导航条组件只支持button元素

<a href="###" class="btn btn-default">链接a标签</a>
<input type="button" name="bt" class="btn btn-defult" value="input"></input><br>
<button class="btn btn-defult">defult</button>

-button样式
btn-defult 默认样式
btn-success 成功样式
btn-info 一般信息样式
btn-warning 警告样式
btn-danger 危险样式
btn-primary 首选项样式
btn-link 链接样式

<button class="btn btn-defult">defult</button>
<button class="btn btn-success"> success</button>
<button class="btn btn-warning"> warning</button>
<button class="btn btn-info"> info</button>
<button class="btn btn-danger">danger</button>
<button class="btn btn-primary">primary</button>
<button class="btn btn-link">link</button><br>

-button尺寸由大到小btn-lg btn btn-sm btn-xs

<button class="btn btn-lg">lg</button>
<button class="btn">btn</button>
<button class="btn btn-sm">sm</button>
<button class="btn btn-xs">xs</button><br>

-块级按钮 块级换行 btn-block

<button class="btn btn-block">Block</button>
<button class="btn btn-block">Block</button>

–button状态
active 激活状态
active disabled 禁用按钮

<button class="btn active">active</button>
<button class="btn active disabled">disabled</button>