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>