Bootstrap学习2

2019独角兽企业重金招聘Python工程师标准>>>

1、表格

表格行的类：Bootstrap还为表格的行元素<tr>提供了五种不同的类名，每种类名控制了行的不同背景颜色

.active 表示当前活动的信息

.success 表示成功或者正确的行为

.info 表示中立的信息或行为

.warning 表示警告，需要特别注意

.danger 表示危险或者可能是错误的行为

用法：

<table class="table table-hover">  #table-hover  为鼠标悬浮高亮样式  ，table-bodered为带侧边框样式 ,table-condensed 缩小表格单元内距
<tr class="success">
      <td>.success</td>
      <td>表示成功或者正确的行为</td>
 </tr>
 </table>

响应式表格：Bootstrap提供了一个容器，并且此容器设置类名“.table-responsive”,此容器就具有响应式效果，然后将<table class="table">置于这个容器当中，这样表格也就具有响应式效果。当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。

用法：

<div class="table-responsive">
<table class="table table-bordered">
   …
</table>
</div>

转载于:https://my.oschina.net/u/2440318/blog/648787