bootstrap.docVIP

描述 对一个列表（条目）进行关联描述。 Description lists A description list is perfect for defining terms. Euismod Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus. Malesuada porta Etiam porta sem malesuada magna mollis euismod. dl dt.../dt dd.../dd /dl dl dt eeeeeee /dt dd jjjjjjjj /dd /dl 效果图如下： 水平描述 使dl中的每个条目和其描述一对一水平显示。 Description lists dl class=dl-horizontal dt.../dt dd.../dd /dl dl class=dl-horizontal dtttttt /dt ddyyyyyy /dd /dl 效果图如下： 注意！ 通过加入text-overflow，水平描述列表将会对过长而无法在左栏中完全显示的列名截断掉一部分。而在较窄的视口（宽度）中，会改变成垂直(形式)表述，来适应当前屏幕。 代码 行内代码 通过code标签内嵌一小段代码。 For example, section should be wrapped as inline. For example, codelt;sectiongt;/code should be wrapped as inline. 基本代码块 使用pre展示多行代码。为了能够正确展示，务必将代码中的任何尖括号做转义。 pSample text here.../p pre lt;pgt;Sample text here...lt;/pgt; /pre 注意！ 因为在pre标签里, tab会被算进去, 所以要保持代码尽可能的靠左侧 你也可以添加.pre-scrollable类，把该区域设置成最大高度为350px并带有一个Y轴滚动条。 表格 默认样式（.table类） table class=table table class=table table-striped trth姓名/thth年龄/thth性别/th/tr trtd小王/tdtd18/tdtd男/td/tr trtd小李/tdtd19/tdtd女/td/tr trtd小叶/tdtd20/tdtd男/td/tr /table table class=table table-bordered 可选的行属性 选择情景(contextual)类为表格添加颜色。 Class Description .success 表示成功或积极的行为。 .error 表示一个危险或存有潜在危险的行为。 .warning 表示警告，可能需要注意。 .info 作为一个默认样式的一个替代样式。 # Product Payment Taken Status 1 TB - Monthly 01/04/2012 Approved 2 TB - Monthly 02/04/2012 Declined 3 TB - Monthly 03/04/2012 Pending 4 TB - Monthly 04/04/2012 Call in to confirm ... tr class=success td1/td tdTB - Monthly/td td01/04/2012/td tdApproved/td /tr ... 受支持的表格标签 受支持的表格标签列表以及使用方法。 标签 描述 table 包裹以表格形式展示数据的元素 thead 包含表头(tr) 的容器 tbody 包含表格内容(tr)的容器 tr 单元格 (td 或 th) 容器 td 默认的单元格 th 每列(或行，依赖于放置的位置)所对应的的label caption 用于对表的描述或总结，对屏幕阅读器特别有用 table caption.../caption thead tr th.../th th.../th /tr /thead tbody tr td.../td td.../td /tr /tbody /table fieldset  legend52CSS.com CSS网页布局/legend  ul  liDiv+CSS教程 系统的讲述了关于CSS布局的知识/li  liCSS布局实例 向你呈现了52中的一些实例