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
中小企网站设计信息安全思维导图做好哪些网络营销能力青岛网站推广国家网络与信息安全通报中心网络安全 项目工程新型网络安全技术唯品会营销方案案例体系内营销云南网站开发吕布戏貂蝉? 哥来了,没吕布什么事儿了,貂蝉是哥的暖床丫环! 卫仲道要娶蔡琰? 哥来了,没卫仲道什么事儿了,蔡琰是哥的红颜知己! …… 自古英雄出乱世。 现代苦逼青年刘战回到三国乱世,凭着一腔热血,收猛将,招贤士,纳美女,一步一步崛起,成为一方诸侯……本书是一个关于家庭与梦想的故事,描绘了农村生存百态,赞美了人性的善与美,同时展示了在城市化大潮流下个体追寻自我的迷惘、挣扎与无奈。 故事发生在豫东平原一个叫芦湾的村庄。孙家树是一个严重口吃的孩子,他的父亲孙福来对他感到失望与愤怒。有一天父亲对他一顿痛打,他竟然奇迹般的可以顺畅说话。一次偶然的机会,他跟养蜂人学习弹吉他,从此爱上唱歌,梦想着长大后成为民谣歌手。 一天晚上,孙家树发现父亲与郑敏幽会,他向母亲告密,导致父母关系破裂,他与父亲的关系跌入冰点。父亲的酒厂倒闭后几番折腾,均以失败告终,无奈之下重操旧业。随着时光流转,孙家树与父亲的隔膜越积越厚。他仍然热爱唱歌,带着梦想成长。未婚妻的背叛、父亲的离奇死亡、母亲的神秘失踪! 背负着沉重包袱的沈夜白,毅然走向那十死九生的屠邪之路。 在这弱肉强食,渐渐失去秩序的修炼世界,他闯荡坠天神域、脚踏万千邪族、在天地战场纵横杀戮…… 当他驻足停歇、放眼天地,才发现自己早已站在了这个世界的绝顶之巅!"三阴绝脉"者,史书所载;凡患此症者非但终生不能修武,并且几乎无一人能侥幸活过十三岁。命运关上所有的幸运之门,却开了一扇窗,令其在绝境中峰回路转,当其踏着尸山血海攀上巅峰之时,骇然发现一个惊天之秘。暮然回首,惊觉自己脚下的这片世界幌若恒河之沙粒,渺若微尘。何去何从……人类进入超文明时代,普通人可以通过时空机器穿越各种世界。 你想去另一个世界,一定是想去这个世界享福的。 你想在玄幻世界当大神,你想在科幻世界当机甲战神,你想在都市世界当首富,你想在古代世界拥有三妻四妾。 满足这些必须要有一个前提,你得有一个系统。 千万文明,世界琳琅满目,系统也不能一成不变。 所以,超文明的世界里,有系统策划师,还有系统测试员。 系统策划负责系统的设定、触发条件等。而系统测试员则是提前进入相关文明,进行测试,主要测试系统可用度,爽感指数等指标。 经过系统测试员测试过的系统才能正式使用。 李友是一名系统测试员,他勤恳能干,但和他对标的系统策划,脑袋有个坑…… 《神囚》降临,毁灭伴生! 当游戏与现实融合,一个来自万族的灾难也随之而起。 神秘的通天之塔来究竟自何方?无尽的囚牢能否冲破? 带着滔天恨意,人族期望转世重生的姜海能否挣脱束缚? “叮!玩家炼狱修罗——姜海击杀100龙族妖神,晋升为人族第一位神明! “叮!玩家炼狱修罗——姜海击杀250级杀永夜魔皇-虚无神主,成为有史以来第一位双生神主!“ ”叮!玩家炼狱修罗——姜海击杀十八座300级神王,冲破囚牢,晋升为封号神王!” ······· 世间万物都有属于自己的命运,他们的自由、尊严绝不允许他人践踏,即便是诸神也不行! A城中流传着有关另一个世界的古老传说,人群沸腾之中真相却愈加扑朔迷离,令人可怖的巨型落日,落日之中是否隐藏着白骨与宫殿?科技局频频消失的人员,谁也解释不清的末日传闻,究竟是谁在传播这些故事?全城警戒,车祸不断,枪战迭出,这一切的背后是怎样的黑手操控?落日之战,三分天下,黑科技武器迭出不穷,谁操纵了这个世界的程序,谁就是这个世界的王。从轮椅上的青年走上至尊王位,手下听命的不仅是骁勇善战的千军万马,更是大自然的风雨雷电,在这不可想象的逆袭背后,竟是一个庞大的科研计划,几代人的前赴后继,延绵成这个世界两万里白骨的奇观,而挽救末世危机的秘密,竟就隐藏在这虚拟时空之中.....时空错乱,整个蓝星穿越到一个高玄世界之中。 初来乍到,对于陌生环境完全不熟悉,以至于蓝星被打了个猝不及防。 星球文明毁于一旦,土地被霸占,人民被奴役。 主角横空出世,开启万物进度系统! “灵草要一株一株种?” 不好意思!看我一键种植! “灵果还要百年才能成熟?” 不好意思!我一键加速! “大阵还要数年才能布成?” 搞笑!我一键拉满进度! 掌控进度的我吊打一切!由于核战争的爆发,大量的能量,摧毁了地表许多的城市但是一直在各种动植物体内沉睡的基因苏醒了。各种各位出现过的神奇动植物都出现。人类的生存空间越来越小…… 身为警校最不服管教的江梓凡,居然被市级公安指派为卧底,潜入M镇黑势力集团,他究竟能否完成这项任务平安归来呢
专业的网站建设 当今的网络安全有四个主要特点 网络安全实用宝典 国家制定并不断完善网络安全战略全面评估 中小企网站设计 在网络安全体系构成要素中响应指的是什么 江苏网络安全龙头 网信办 信息安全 国际 学习建网站 中国网络安全公司 老公家暴的心理调适【www.richdady.cn】 前世今生的缘分揭秘【www.richdady.cn】 投资项目的选择方法咨询【www.richdady.cn】 前世缘份的解读方法咨询【www.richdady.cn】 财运不佳的投资建议咨询【www.richdady.cn】 什么原因意外的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 莫名其妙感伤的情感释放【企鹅383550880】√转ihbwel 婚姻生活不顺的自我提升【σσЗ8З55О88О√转ihbwel 老公家暴的案例分享【企鹅383550880】√转ihbwel 财运不佳的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 内心恐惧胆怯的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的超度与心灵净化【σσЗ8З55О88О√转ihbwel 儿子不读书的改运方法【www.richdady.cn】√转ihbwel 邪灵对人的危害咨询【企鹅383550880】√转ihbwel 冤亲债主干扰的化解方法有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的前世记忆【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运问题在线咨询咨询【微:qq383550880 】√转ihbwel 强迫症的家庭支持咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 国际著名信息安全专家观点简介 网络安全协议探讨 网络营销运营思路 网络安全的特点有哪些 营销网络说明 网络安全会议 邀请函 信息安全包括哪些安全 微信营销的成功总结 网络安全与防火墙技术研究 网络安全新技术有哪些 鞍山网站制作 信息安全思维导图 工业大数据信息安全未来网站建设想法 网络安全流量检测 中国网络信息安全法 网络安全产品销售 网站定制 微博营销是一项系统工程微博营销的操作模式包含以下哪些 营销型网站建设要点 网络营销运营思路 破解网络安全密匙 沈阳网站建设的公司 信息安全矩阵 域名 备案号 网站的关系 网络安全项目方案 龙岗网站制作资讯 安阳网站制作手机版免费申请微网站 网络营销推广哪家好 安庆网站设计 网站定制 信息安全与管理审计系统,-1 计算机信息安全防范 湖南手机网站制作公司 沈阳网站建设的公司 公司信息安全建议 信息安全领域cia 国家网络与信息安全通报中心 淘宝营销知识 信息安全招聘信息报告,-1 微博营销近期运营方案h5网站搭建 国家领导人信息安全 信息安全三级保护备案 如何解决网络安全问题 网络安全 考研 建设网站公司 破解网络安全密匙 公司营销策划托管 北京做网站手机网站设计开发服务 建网站推广 营销型网站建设要点 鞍山网站制作 外贸营销公司 信息安全 身份认证技术 网站建设咨询 cc技术 信息安全 小米的营销模式分析 军工行业信息安全厂商要具备 中国密码与信息安全 信息网络安全检查 网络安全的特点有哪些 北京做网站手机网站设计开发服务 网络安全和信息安全的区别 重庆璧山网站制作公司推荐 信息安全风险分析过程中所要完成的工作计算机安全事件发生的可能性 信息安全机构的资质认证 菏泽网站制作 企业网络安全是什么 鹰潭做网站 信息安全三级保护备案 信息安全机构的资质认证 信息安全与网络安全 冲突点营销 网络安全协议探讨 信息安全 公告 临沂网站维护公司 cc技术 信息安全 信息安全矩阵 全国网络安全会 园区网站建设 手机付费咨询网站建设 公司信息安全建议 新型网络安全技术 在网络安全体系构成要素中响应指的是什么 顺德网站优化公司 信息安全包括哪些安全 教学营销 信息安全和计算机安全 信息安全课程大纲 网络安全专利 中国研究所 信息安全 手机付费咨询网站建设 企业信息安全组织架构 营销培训学院招生 当今的网络安全有四个主要特点 安恒网络安全竞赛 大良网站公司 长沙定制网站 长沙百度做网站多少钱 营销外包服务协议 网络安全产品销售备案 品牌营销平台 长沙定制网站 网络安全实用宝典 鞍山网站制作 破解网络安全密匙 大专网络营销教材余弦 网络安全技能表 手机网站备案费用 郑州网站推广流程 计算机信息安全防范 网络安全产品销售 鹰潭做网站 北京做网络安全的公司 武汉网络安全学院 公司营销策划托管 微博营销近期运营方案h5网站搭建 做网站群的公司 中国网络安全公司 美国信息安全 网站多域名 信息安全的通知 工业大数据信息安全未来网站建设想法 网络安全新技术有哪些 网络安全流量检测 建网站啦 云营销系统 传统零售营销的特点是什么意思 启明星辰 天?h网络安全审计系统 唯品会营销方案案例 国际信息安全资讯 专业的网站建设 联想网络营销案例分析 网络安全会议 邀请函 2017年国家网络安全周活动主题 信息安全证文 网络安全 项目工程