Table markup

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labels
Must be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers
<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Table options

Name Class Description
Default None No styles, just columns and rows
Basic .table Only horizontal lines between rows
Bordered .table-bordered Rounds corners and adds outer border
Zebra-stripe .table-striped Adds light gray background color to odd rows (1, 3, 5, etc)
Condensed .table-condensed Cuts vertical padding in half, from 8px to 4px, within all td and th elements

Example tables

1. Default table styles

Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.

<table class="table">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

2. Striped table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

Note: Striped tables use the :nth-child CSS selector and is not available in IE7-IE8.

<table class="table table-striped">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

3. Bordered table

Add borders around the entire table and rounded corners for aesthetic purposes.

<table class="table table-bordered">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

4. Condensed table

Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).

<table class="table table-condensed">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

5. Combine them all!

Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.

<table class="table table-striped table-bordered table-condensed">
  ...
</table>
Full name
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
网络安全管理需要什么网络安全密钥怎么破解江苏 信息安全全球著名网络安全事件勒索软件当前网络安全网站更换营销的投入哈尔滨 建网站外贸网站优化网站移动端建设“什么?原来我是恶魔?” 十六岁那天,‘穿越者’阎墨终于等来了属于自己的灿烂。 ------------------------------ ‘普通人类’加入恶魔学园学习成为恶魔的故事,大概会涉及入间同学入魔了,家庭教师,猎人。前世他是军方安插在金三角缅北地区的一名线人,没想到一觉醒来却魂穿到了异世界一名放牛娃的身上,还要去完成各式各样层层升级的任务。 这瘦弱的小身板,战五渣的战斗力,在这强者恒强,弱者愈加弱的世界他究竟要如何生存下去?! 面对毫无头绪的任务,他要如何才能一步步探索完成下去,最终他能武魂飞升,回到原来的世界吗? 且让我们拭目以待,看这战五渣林凡是如何在这异世界披荆斩棘达到武魂巅峰的吧!“别看这样,可我喜欢他哦,问为什么的话,因为他是我的英雄呀。” “能和他在一起的话,就算世界崩坏又能怎样?” “好了,开始今天异灵部的活动吧!” “额。。学姐,我想问一下,这个异灵现象研究部是进行什么社团啊?” “是超★异灵现象研究部!” “呃呃,好的。” “吭,异灵部呢,是以进行一项伟大而神圣的活动为目的,探索过去与未来无限的奥秘,找到现实与幻想之中的交点……” “比如说” “拯救世界?” “不,比拯救世界更重要!” “哈——”陈阳被困在了一个永远无法逃离的循环里,只要过了情人节的15点15分,他就会重新回到15天前。 陈阳发现他无论做什么,都无法打破这个半个月的循环,所有的一切都会重置。 在经历了震惊、刺激、狂喜、焦虑不安、绝望和痛苦等情绪后,陈阳开始各种作妖,决定把这个世界搅得天翻地覆。 陈阳开始学习各种技能和知识,利用它们去达到自己的目的,也完全不用考虑任何后果的恣意妄为,去成为世界的焦点。 尤其是针对那些为富不仁的富豪和权贵,更是让陈阳兴奋的难以自制。 直到有一天,陈阳掀翻了娱乐圈的时候,却发现循环忽然被打破了.....偏远小镇的孩子,却是最大家族的有力争夺者。天武举演,三国会议,继承者之战,前方的路迷雾重重,下一刻的战斗又会何时来临,江湖庙堂 谁主沉浮,边境能否镇守。《木石前盟》是以《红楼梦》木石前盟神话故事为蓝本,展开想象完成的玄幻电影剧本,描写了神瑛侍者、茀璃仙子、绛珠仙子等人的前世情缘,并从中引发对东西方文化渊源探寻,人类文明发展问题解读和人的生命精神追求的探讨,内容新奇,情节动人,富含哲理。“什么?原来我是恶魔?” 十六岁那天,‘穿越者’阎墨终于等来了属于自己的灿烂。 ------------------------------ ‘普通人类’加入恶魔学园学习成为恶魔的故事,大概会涉及入间同学入魔了,家庭教师,猎人。2020年最火爆的相师文,你,值得拥有! 看红颜,花团锦簇,观天下,一路风尘! 大相师丁凡学成归来,误入商界,成为超级护花大使,开启了不一样的精彩人生。 凭借精湛的相术,风骚的才情,丁凡让恶霸低头,大佬俯首,众星捧月,潇洒走上事业巅峰。 万花丛中过,片叶不沾身,群芳争艳,选择很困难。 丁凡有多少姐姐,你猜? 丁凡有多少财富,你再猜? 丁凡有几个妹妹?那小子已经跑了……穿越封神世界,重生为纣王帝辛。 开局与妖妃妲己洞房花烛,可我真不想当许仙啊! 一想封神中最后纣王与商朝的悲凉下场,帝辛更是当场想要狗带。 还好这时,任务选项系统激活,只要选择正确,就会得到奖励。 于是,新的两条路摆在了他的面前。 一条是苟……另一条是更苟! 本想苟且偷安,却一不小心……叱咤风云,手握封神榜,三界无敌。弃母弑父,割人血肉,贪财好色,谎言背叛……恶与恶的对决。
国际信息安全学习联盟 邀请码 卓进网站 企业营销方案南昌网站设计资讯 中国可信计算与信息安全学术会议 上海网络安全检测公司排名 信息网络安全普及教育培训教程 北京网诺信息安全技术有限公司 外贸网站优化 常见网络安全威胁 勒索软件当前网络安全 如何判断自己是否被冤亲债主干扰?咨询【www.richdady.cn】 干扰对人的心理影响咨询【www.richdady.cn】 外灵干扰的咨询技巧【www.richdady.cn】 克服职场升迁障碍咨询【www.richdady.cn】 前世老婆【www.richdady.cn】 不爱读书的改运方法【www.richdady.cn】√转ihbwel 莫名其妙感伤的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 无形干扰【企鹅383550880】√转ihbwel 阴间生活的前世记忆咨询【微:qq383550880 】√转ihbwel 2. 通灵与灵性提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 内心恐惧胆怯的心理调适咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的婚恋经验有哪些?【www.richdady.cn】√转ihbwel 婴灵的感应现象咨询【微:qq383550880 】√转ihbwel 头脑混沌的自我提升咨询【σσЗ8З55О88О√转ihbwel 前世缘份如何影响情感生活?【微:qq383550880 】√转ihbwel 前世今生的故事如何改变命运?咨询【微:qq383550880 】√转ihbwel 与男友前世的因果关系威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好的解决方法咨询【σσЗ8З55О88О√转ihbwel 意外事故的主要原因分析咨询【企鹅383550880】√转ihbwel 计算机网络安全认证技术包括数据加密技术和网络安全传输技术 上海网络安全检测公司排名 网络e营销 网络安全技术设备 信息安全保护条例 不属于网络营销内容 网站设计作业 网络安全的核心 营销推广电子商务网站 国家信息安全工程类一级认证 sns社区营销案例 中国信息安全标准分类 idc网络安全报告深圳高端网站设计 网站移动端建设 网站酷站 良好的网络安全 青岛建网站公司 教育行业营销平台 网站试运营 互联网市场营销的作用客户信息安全管理体系,-1 网络安全pdf 谈网络安全 idc网络安全报告深圳高端网站设计 网络安全周启动一 网络安全技术设备 蚌埠网站建设 网站建设及优化 赣icp 丽水网站建设 企业公司网站 北京 网络事件营销案例 国家信息网络安全局 深圳企业网站制作报价 南昌网站建设服务器 沈阳建设公司网站 网络安全信息化小组庄 信息安全保护等级划分 青岛建网站公司 维护信息安全主要保持 导航网站怎么建 网站主色调简介怎么说 上海做网络安全的有哪些公司 导航网站怎么建 为企网站 卓进网站 桐城网站建设 潍坊网站建设公司电话 北京做信息安全的公司排名 sns社区营销案例 江苏 信息安全 网络营销推广环境分析模板网站更改 国家信息网络安全局 2012信息安全事件 蓝盾网络安全(二级)测评记录 南昌网站建设服务器 网络安全技术设备 网络安全ppt 下载 珠海网站制作品牌策划 网络安全周启动一 企业营销方案南昌网站设计资讯 培训网站建设 富阳做网站 买已备案域名是不是用了别人的信息注册影响自己网站吗 网站设计作业 全球著名网络安全事件 北京网诺信息安全技术有限公司 互联网营销的主要优势 俄罗斯 信息安全中心 企业公司网站 北京 网络安全岗位面试问题 北京网诺信息安全技术有限公司 谈网络安全 网络安全pdf 长沙手机网站设计 企业营销网站建设公司 良好的网络安全 网络安全技术设备 网络安全公司 招聘 网站建设及优化 赣icp 电商营销服务 企业营销网站建设公司 北京网站开发建设 卓进网站 南昌网站建设服务器 全球大学信息安全排名 网站设计作业 计算机网络安全认证技术包括数据加密技术和网络安全传输技术 2012信息安全事件 哈尔滨 建网站 上海网络安全检测公司排名 2012信息安全事件 企业营销网站建设公司 欧洲网络与信息安全局 棕色网站 网络安全违法举报中心 上海做网络安全的有哪些公司 高校网络安全解决方案 网络营销可以吗 培训网站建设 微信营销软件推广 湘西网站建设 社交网络营销 达内网络营销有用嘛 江苏 信息安全 营销综合实践教学平台 网络安全pdf 企业公司网站 北京 网站主色调简介怎么说 维护信息安全主要保持 企业公司网站 北京 小米的营销案例分析 新媒体营销有哪些信息安全的基本特征是 网络营销产品类型 第三方外贸b2b电子商务平台网络营销所存在的问题与对策 重庆本地网络营销平台 信息安全 管理 手册 营销型网站建设 韶关网站建设 蓝盾网络安全(二级)测评记录 湘西网站建设 谈网络安全 富阳做网站 网站套模版 互联网营销的主要优势 信息安全保护条例 互联网市场营销的作用客户信息安全管理体系,-1 计算机网络安全认证技术包括数据加密技术和网络安全传输技术 教育行业营销平台 哈尔滨 建网站 信息安全类公司排名 信息安全是一门 企业网络安全案例分析 欧洲网络与信息安全局 长安微网站建设 网络安全岗位面试问题 网站更换