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
成都公司建网站网络安全监管技术北京 网络安全 公司作为大学生我们应该怎么面对网络信息安全长沙手机网站建设网站建设仪器配置表发改委信息安全专项 2014网络信息安全风险网站开发设计公手机端营销“女帝求放过,我真的顶不住了啊!” 萧青城穿越玄幻世界,拜入太虚圣地。 本以为自己可以一路高歌,过五关斩六将,却没想到自己天资平平。 再快要被太虚圣地清退之前,萧青城发现自己居然可以看到别人身上的机缘线。 “我居然截胡了一个红色机缘!” “发了发了,是无上剑骨!” “无名强者的剑道真意?红色机缘?” “是我的了!” “咦?这里怎么还有一个金色机缘?” “不管了,先到先得!” 从此以后,萧青城结交各路女帝和各种天命女主,截胡打脸众多天命之子的机缘。 不知不觉间,他已踏上武道之巅,坐拥江山无数。 然而,有一天,他的秘密突然被一位女帝发现。 “萧青城,还我机缘!” “不,我没有,这是我先找到的!”穿成一品镇国公府嫡子,谢勋以为从此金银花不尽,俏丫鬟环绕,袭爵,安安心心当纨绔。皇帝一道圣旨,他成了当朝红人,皇子拉拢,公主倒贴,却不知,危机就在眼前……好不容易将境界修炼到神圣境第九重巅峰,却连番遭遇厄运,身体暴毁却成就了化聻途径,随后进入新的界域,至灵启散乱的意识逐渐归聚,但是记忆残破,至灵启对以前修炼功法的记忆几乎损毁殆尽。因此他只能根据残破的记忆,一边壮大灵魂和聻体,一边努力开创全新的功诀。 经过精心推演和不断完善,终于将科学与神学二者相结合,开创出了高于二者的全新修炼理念《灵学》,以及实际修炼功诀《超微至灵诀》,就此由聻入灵超越仙神,成就至灵之功,从此走上了超越此前所有强者的修炼之路。功成之后,至灵启便将整个太阳系的运行轨迹位置进行了优化复定,并对母星地球的水陆位置分布进行了完善复定,使其灵气充裕更适合人类的生存和修炼。莽苍万载,人族羸弱。 意外获得上古神女灵气的池昭,开天窍,负天命。得知人族羸弱缘由,恨天道不公,便是兵解,他也要与这天争上一争,为人族改命! 此后,池昭踏仙梯,怼天道,斩命定之劫。怒喝:“吾为生民开仙路!” 一人,一剑,开天,碎道!萧易穿越到洪荒,成了一个刚要拜入截教的初代人族。 激活了极品负能量系统,收集别人的负面情绪,就能够变强! 从此,洪荒多了一个整日作死的截教大弟子。 “师傅!大师兄又闯祸了!他把剑冢的剑都融了!说要做大宝剑!” “师傅!大师兄炼器炸了一座山,把藏书阁埋了!!” “通天!你徒弟又作死!把我的坐骑四不像吃了!!!” “通天!你徒弟把我侍女掳走了!!” “.....” 通天整日惶恐,生怕自己大弟子闯祸... 直到这一日,鸿钧出关,宣布封神大劫起。 通天拒绝截教封神,以一敌五圣,截教面临大劫! 往日只会作死的截教大弟子:“我不装了,我已成圣!” 一名普通职业经理人,意外魂穿到民国,成为一名军统特工,没有金手指,凭借前世的信息,依靠自己的知识并不断地学习、成长,在风云变幻的时代中为国家,为民族贡献自己的力量,并创造了一段段精彩的特工传奇……脑子有一扇门,可以自由穿越异世界。 本来以为可以当个小倒爷,在平平无奇的古代世界享受财主生活,结果这个世界有佛,有妖,有儒,有道,有武者。   有人能力拔千钧,有人能飞天遁地。 千年人参要不要? 绝世神功要不要? 长生不老丹姚不远? 当姚不远带着高武世界的东西回来,美女要倒贴他,豪门世界,古武门派,争相而来,跪求宝贝。 姚不远心道,我能说这些东西都是垃圾吗?终南山,烟雾萦绕间有一座寺庙 世界各地的名流高层,对这座小庙趋之若骛,只因这里坐着一位天之娇子。 但这位名叫张易的年轻人名满天下,但却无人识其长相。 如今,老爷子命其下山赴婚约,高手出山,天下将为之一变!洛无邪重生了,这一次她再也不要错过爱慕的陆小北学长。 如果不是苏柚羽推她向马路的前一刻,说出了他的名字,到死也不会知道代替她下十八层地狱的人,竟然和陆小北有关。 第一次穿越居然遇到系长,才想起来这本笔记好像就是他的……芯的旅途
3合一网站 西安制作手机网站 什么是产品的营销定位 2015首都网络安全日 深圳医疗网站建设报价 服务器的网络安全 中山网站建设外包 株洲做网站多少钱 信息安全标准 信息安全逆向工程 改善亲子关系的技巧【www.richdady.cn】 耳鸣的解决方法【www.richdady.cn】 头脑混沌的案例分享咨询【www.richdady.cn】 前世缘份的前世修行【www.richdady.cn】 公司破产的前世记忆【www.richdady.cn】 孩子压力大的案例分享咨询【企鹅383550880】√转ihbwel 前世缘份的前世今生咨询【微:qq383550880 】√转ihbwel 如何识别冤亲债主【企鹅383550880】√转ihbwel 发育倒退的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 强迫症的环境影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何改善财运不佳的情况?【www.richdady.cn】√转ihbwel 去世的母亲的前世因果咨询【企鹅383550880】√转ihbwel 家庭关系的和谐共建方法有哪些?咨询【www.richdady.cn】√转ihbwel 升迁障碍的职场瓶颈如何突破?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 升迁障碍的职场突破【www.richdady.cn】√转ihbwel 升迁障碍的职场晋升技巧有哪些?【σσЗ8З55О88О√转ihbwel 脑部不清晰的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症咨询【σσЗ8З55О88О√转ihbwel 精神不振的环境影响【企鹅383550880】√转ihbwel 孩子不爱读书的心理分析【σσЗ8З55О88О√转ihbwel 免费注册网站 自学网营销运营 网络安全展牌 公司网站开发公司 常州品牌网站建设 广东手机网站建设报价 全面的苏州网站建设 深圳哪家网站建设好 门户网站的功能 瑞星:2013年上半年中国信息安全综合报告 网络营销实战教学系统 网站对域名 无锡网站推广公司 南通网站 如何搭建高品质网站 网站开发设计公 信息安全专业全国哪些 郑州网站制作公司 seosem营销案例 高校网络安全采访问题 个人手机版网站建设 营销团购 网络安全的威胁的概述 网站设计师 网络信息安全公告 网络安全国际会议 西安 中国网络安全大事记 外贸网站模板 微信群营销的推广方式 信息安全竞赛入门 网络安全的威胁的概述 瑞星:2013年上半年中国信息安全综合报告 公司网络安全规范 看网络营销教程心得 如何保障企业信息安全 如何搭建高品质网站 网络安全工程师 培训 电商网站设计 信息安全产品配置与应用 企业网络信息安全公司 理想的网络安全状态 网络安全现状 2017 3g手机网站 校园网站设计 网站开发设计公 成都公司建网站 公共无线网络安全 2017全球华人网络安全 网站鉴赏 网络信息安全 规范,-1 沈阳做网站 网络安全怎么检测 信息安全逆向工程 网站制作的趋势 自学网营销运营 长沙手机网站建设 网络信息安全公告 信息安全培训 西安制作手机网站 郑州网站制作公司 网站导航营销的优势 向域名解析正常的监测网站发起访问请求截获http状态码 网络安全展牌 达内培训 微络营销深圳 西安论坛网站制作维护 网站开发设计公 公司网站开发公司 什么是产品的营销定位 服务器的网络安全 深圳哪家网站建设好 北京安天网络安全技术有限公司 网站有哪些类型 深圳网站外包 网站建设教程 企业邮箱 网络安全合规 长沙手机网站建设 微信群营销的推广方式 信息安全审计 公司网络营销方案撰写 网络安全技术包括什么 北京网络营销运营 英国 国家信息安全网站建设管理软件 免费注册网站 网络安全国际会议 西安 网络安全技术项目考试填空题含:暴力破解最基本的两种方法为 杀软 网络安全 营销推广的方式行业网络营销分析 普创营销策划有限公司 网络安全管理平台 信息安全安全技术规范 国家网络安全相关政策 信息安全产品配置与应用 加多宝营销案例ppt 哈工大网络安全响应组 企业数据信息安全 软件 企业网络安全规定 2016 网络安全竞赛 工信部 郑州网站制作公司 昌平手机网站建设 营销推广的方式行业网络营销分析 网络与信息安全 网络信息安全面临的威胁 外贸网站模板 免费建个人网站 常州品牌网站建设 沙盒技术 信息安全 2017 全面的苏州网站建设 病毒营销成功经验 北京网络营销运营 常州品牌网站建设 wifi开放网络安全吗 天津高端网站建设 瑞星:2013年上半年中国信息安全综合报告 wifi开放网络安全吗 网络安全威胁类型 苏州信息安全等级保护 中山网站建设外包 株洲做网站多少钱 网站建设教程 企业邮箱 如何保障企业信息安全 公司网站开发公司 服装外贸网站建设 网站后台编辑器 电商网站设计 网络安全信息安全实验室 公司网络安全规范 网络营销实战课程下载 网络安全现状 2017 免费注册网站 淘宝网营销 广东手机网站建设报价 网络安全的威胁的概述 如何保障企业信息安全 厦门网站制作 福州企业网站建设 建站网站 手机端营销