Chapter 2 unit 2 of Bootstrap-Bootstrap CSS
浏览数：16 /
时间：2015年06月09日
代码
内联代码
代码如果需要将代码包含在页面中，那么就需要<code>标签,注意转义部分。
For example, <code><section></code> should be wrapped as inline.
基本代码块
<pre><p>Sample
text here...</p></pre>
表格
基本案例
为任意<table>标签添加.table可以为其赋予基本的样式—少量的内补（padding）和水平方向的分隔线。
条纹状表格
利用.table-striped可以给<tbody>之内的每一样增加斑马条纹样式。
带边框表格
利用.table-bordered为表格和其中的每个单元格增加边框。
鼠标悬停
利用.table-hover可以让<tbody>中的每一行响应鼠标悬停状态。
紧缩表格
利用.table-condensed可以让表格更加紧凑，单元格中的内部（padding）均会减半。
状态class
通过这些状态class可以为行或单元格设置颜色。
.active |
鼠标悬停在行或单元格上时所设置的颜色 |
.success |
标识成功或积极的动作 |
.warning |
标识警告或需要用户注意 |
.danger |
标识危险或潜在的带来负面影响的动作 |
将任何.table包裹在.table-responsive中即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于768px宽度时，水平滚动条消失。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
