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
重庆专业网站建设费用许可电子邮件营销案例日本网络安全技术信息安全认证公司网络营销的前瞻性b2b营销推广软件信息安全展示平台,-1电商商城网站建设公司网络安全事件太原市做网站现代热血火影迷穿越到忍者世界,了解了大筒木一族的由来和崛起,最终由于他的穿越而导致了整个故事剧情的发展发生了改变,这又将是一段怎样的故事呢……“大哥,该吃药了。” 一碗药,让秦天穿越附身在同样被一碗药干废的同名天才少年身上。 “想我堂堂七尺男儿,怎能拜倒在你的石榴裙下,认一个女子当师傅。” “不拜师也可以,信不信我找几个弟子带条麻袋来陪你聊聊人生。” “师傅,请您喝茶!” 大丈夫,当能屈能伸,为了复仇,哪怕是裆下之辱,老子也得带着一脸痛苦钻过去。 修行怎能分心,该打。 你打坐的姿势不对,该打。 你出招的方式不对,该打。 谁让你私自突破的,该打。 谁让你...... 师傅,我就进来给你送杯茶,你怎么也打我啊? 额,谁让你送的茶这么烫。 不可能,我尝过了,根本就不烫。 你......易秋穿越异界,觉醒天道分身,随便一个分身都能成为一方大佬。 “剑神一剑,可灭一界,仙佛难当!” “刀神之刀,可断时空长河,谁人能敌?” “丹帝之道,可得长生,万古不灭!” “天帝之威,一念可断生死,万界膜拜!” …… 当人们为了谁是天下第一争论不休的时候,易秋站出来。 “别争了,你们口中的大佬,都是我的分身。”千年前的封魔之战让九州大陆各大门派陨落了无数高手。其中以剑仙最多最愣的蜀山派为最,三万弟子愣是将将搞得只剩三千多名。可哪怕仅剩三千多名弟子,仍坚持每百年才开山收徒,论缘分论根骨,使得蜀山派渐渐沦为二流门派。 而今便是蜀山千年后的第九届收徒大典。天地皆有意志。帝国之皇,号为天子,秉承天意,受上天之意庇护,代天意牧守天下,统治万民。人族共主,号为人王,传承地道,受大地之意庇佑,代地意统合宇内,拯救万民。当帝国腐朽,民不聊生,人王当即崛起,扫清四野,震慑宇内,救万民于水火。当人王暴虐,生灵涂炭,天子适时而立,统一八荒,威加天下,还百姓以清明。如此往复,周而复始。其,实则天地之争。天子当立之时,必取地道传承之伏家。人王崛起,必破天意传承之天家。伏家有一脉,号地道行者。修《地道十六方》。天家有一友,号天机散人,修《天机十八策》。二脉之争,始于天地初生,已历九万多载。九为数之极致,天地之争,便会终于当代。秦天,天家少主。出生之时,即是天家覆灭之际。在当代天机散人带领下,隐姓埋名。及至秦天十四岁,当代的天地之争,便拉开帷幕。不到30岁,就登上了首富之位的林小虎。 正意气风发,却被告知查出了癌症! 召集顶尖的肿瘤专家,苦心研究了两年时间,却毫无转机。 他不甘心这样死去。 幸好,此刻,他觉醒了神级推演系统。 系统以计算力为基础,而提供计算力的是灵魂,灵魂越强,提供的计算力就越强! 只要计算力足够,系统能推演世间万物。 但仅凭他一人之力,断然无法提供足够的计算力。 于是,他有了一个大胆的想法。 开始推演元宇宙,连接所有的人类,让所有的人类都为他所用。 从零开始,在无魔位面推演超凡之路。 【集亿万人之力,推演超凡永生的下一步!】也不知该怎么说。这应该是一部用穿越的视角重温年代的小说。一名少年天赋异禀,因被手足残害险些命丧他手,不曾想因祸得福在机缘巧合之下寻得仙界神兵。当绝世神兵再现,引仙魔觊觎之时,他又将迎来一场怎样的命运呢?赵玉虎,貌不惊人,瘦小枯干,巧舌如簧,能言善辩,这是一位彻头彻尾的小波皮,那真是老牛吃破草帽,满肚子坏圈圈,只有你想不到,没有他做不到,一天不搞点事情,浑身也不自在。 所谓面馍不坏不知酱味,粮不发酵难得美酒。世界上的事,好有好的道理坏有坏的理由,好戏还得坏人配,再好的作品,没有了坏角色的陪衬,也是没法表演的。 秦煜魂穿大唐,激活了个说书系统,却没想到开局任务就说【长生诀】。 秦煜:在大唐说长生诀?系统你怕不是嫌我死的太慢!你咋不叫我去讲玄武门之变? 系统:那就讲玄武门之变,要么现在死! 秦煜:我也不是怕死,就是爱讲玄武门之变! 李二:听个书,结果听到揭秘玄武门之变!这厮当真是不怕死呀
企业网络营销活动方案 上海高端网站开发公司 网络安全服务包括哪些内容 信息安全孤岛 2016 智能手机网络安全 分析我国网络营销现状分析 天津 企业网站建设 资讯网站排版 五金 网络 推广 营销 数码产品与移动网络营销 自闭症的咨询技巧咨询【www.richdady.cn】 升迁障碍的前世因果咨询【www.richdady.cn】 有官司的前世因果【www.richdady.cn】 财运不佳的理财技巧有哪些?【www.richdady.cn】 孩子学习不好的辅导方法咨询【www.richdady.cn】 存不住钱的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的干扰与超度威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 4. 财运与事业发展咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何识别冤亲债主威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的自我提升咨询【企鹅383550880】√转ihbwel 莫名其妙感伤的案例分享咨询【企鹅383550880】√转ihbwel 邪灵的定义与特征咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 心特别累的前世因果咨询【微:qq383550880 】√转ihbwel 去世的母亲的前世记忆咨询【企鹅383550880】√转ihbwel 前世记忆恢复技巧【企鹅383550880】√转ihbwel 升迁障碍的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 营养不良导致的头脑混沌咨询【微:qq383550880 】√转ihbwel 财运不佳的真实案例有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的定义咨询【www.richdady.cn】√转ihbwel 内心恐惧胆怯的情感释放咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网络安全探究 乌海网站建设 信息安全部副主任,-1 网络事件营销的注意点 信息安全资质证书等级,-1 防网站模板 互联网营销模式 微店 江苏网络营销推广报价 电子邮件营销模式 业务系统信息安全 苏州装修公司网站建设 电信诈骗与网络安全 xx公司信息安全解决方案 信息安全的案件,-1 wifi无线网络安全设置 深圳 企业网站建设灯塔网站建设 网络与信息安全小组 武汉网站制作公司 支付宝渠道营销策略 外贸营销网站建设 网络营销的营销技巧 企业电子商务网站 整合营销传播 许可电子邮件营销案例 北京信息安全行业协会 营销操作 更新网站内容有什么用 昆明网站推广优化 做网站合肥 信息安全 西安 企业 长沙网络营销推广 衡水企业做网站推广 信息安全应急响应机制 珠海网站设计费用 企业自建网络营销平台与第三方网络营销平台的特性比较?回答 信息安全孤岛 2016 网络与信息安全基础 企业网络营销活动方案 有哪些网络安全机构 2004年国家信息安全专项 北京市网络安全局电话 网站制作价 公司网站建设 微信营销的认识和感想 杭州seo网站优化 网络营销方向学什么 珠海移动网站建设报价 信息安全部副主任,-1 信息安全专业竞赛 沈阳做企业网站的公司 苏州装修公司网站建设 五金 网络 推广 营销 云南网站制作 分析我国网络营销现状分析 信息安全资质证书等级,-1 国测信息安全实验室 线上营销 网站建设明细报价表合肥网站制作报 网络安全产品介绍 互联网营销模式 微店 公司网络安全事件 单位对网络安全等级保护工作的保障情况 互联网营销模式 微店 云南网站制作 乌鲁木齐网站建设 青岛手机网站制作 信息安全认证公司 漯河做网站 国内顶尖信息安全企业有哪些 日本网络安全技术 东莞网站制作 台州做网站优化哪家好 1号店微信营销方案 企业电子商务网站 北京信息安全行业协会 做网站合肥 计算机病毒与网络安全 淘宝营销推广 微信微网站开发 中国互联网信息安全中心 网站二次开发 信息安全技巧 美国 网络安全框架 电信诈骗与网络安全 信息安全章程范本 广西网信信息安全 招聘,-1 沈阳做企业网站的公司 网络安全产品介绍 日本网络安全技术 营销小技巧 广西网信信息安全 招聘,-1 网站如何做 网站制作价 树莓派 信息安全 网站如何做 wifi无线网络安全设置 网络安全厂商产品对比 信息安全与管理是干什么的 传统市场营销的要素 线上营销 深圳 企业网站建设灯塔网站建设 网络营销的营销技巧 深圳市信息安全协会 信息安全市场 idc 网络与信息安全小组 苏州制作企业网站公司 网店营销策划公司 信息安全风险管理指南 武汉网站制作公司 乌鲁木齐网站建设 信息安全的案件,-1 营销操作 支付宝渠道营销策略 织梦建网站 网络营销方向学什么 b2b营销推广软件 外贸营销网站建设 西安制作网站的公司有 大型的网络整合营销 项城网站 网络营销的营销技巧 防网站模板 西安制作网站的公司有 珠海网站建设哪家好 企业电子商务网站 东莞做网站公司 广西信息安全测评中心 信息安全相关新闻 信息网络安全 考试 物流服务网络营销方案 苏州制作企业网站公司 营销计划书 珠海网站建设哪家好 手机微信一体网站建设 信息安全测评资质证书