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
网络安全信息共享做网站成本网络安全公司采购太原网站改版网络安全合格证好办吗秦皇岛网站建设信息安全事件趋势分析新疆网络安全人才奖网络营销分为哪些特点是什么深圳网站建设外包公司萧子暮重生成婴儿,等反应过来自己已经夺了女帝修为。 “萧子暮,还我的修为。” “不然我让你死的很难看。” “听话,你虽然是女帝,但好歹是妹妹,小心我打你!” 女帝闭嘴,眼泪汪汪。 “乖!把你的修为再给我点吧。” 女帝破口大骂,只想一刀解决这个依靠自己灵力发育的天仙大帝!  “奉天承运,皇帝诏曰!北渊王苏长歌私通贼党,意欲谋反,其罪当诛!即日起废除北渊王身份,打入北云宫面壁思过,终生不得离开!钦此——”   苏长歌穿越而来,成为因帝王猜忌而打入冷宫的废王爷,幸好绑定了【绝世剑仙系统】,拔剑就变强!   拔剑1次,奖励【神级剑心】【神级剑胎】【神级剑道】!   拔剑1000次,奖励【神级灵剑】【神级剑诀】!   累计拔剑一年,触发特殊奖励【天人合一境】!   不仅如此,系统告知三百年后灵气复苏,低武世界将一夜转为修仙盛世!   三百年后,世间沧海桑田,无数天之骄子大放异彩。   苏长歌怀着激动忐忑的心情走出冷宫,却发现世人眼中的神在他面前如蝼蚁一般弱小!   那一日,苏长歌身周万剑环绕,剑气席卷百万里,一剑破开天门,剑指天上仙。   “天上剑仙三千万,见我也需尽低眉!”王明一个上进的少年,多件事情改变了这个少年。宿舍好友的诬陷、父母被债务所逼死、亲朋好友的远离。王明跪在父母墓碑旁大喊这里是…地狱啊!他彻底跪倒在雨水中回忆着种种回忆已经失去了一切的他决定拿着多年的积蓄去到一个名为月阳城的地方。你是妖,落入凡间的妖,闯入我的心悸…… 我是妖,入凡落尘的妖,寻觅你的踪迹…… 单恋是苦涩,孽缘是刀光剑影…… 徘徊在爱恨情仇……宿命的悬疑,人生的际遇,命悬一线,纵然是刀山火海,无数痴情男女,笑着哭着痛着恋着乐着,毫不犹豫,飞奔而去…… 想你 念你 陪你 牵你 宠你 恋你 爱你 一世痴狂……全然化作血泪滴…… 相信我!这故事既是玄幻,也是悬疑,还是言情...... 紧急通知!紧急通知!各位同修们,现人妖两界出现了严重的漏洞,妖界封印松动,二十年前的阵法威力正在不断的减弱,人间即将大乱! 各派宗门、各位同修们,请暂且放下各自的恩怨,团结起来,认真守护自己所在的城市和普通群众们,以谨慎面对妖族大军的侵略…… —— 凌霄殿 齐罗年 十二月 二十八日 乱世即将来临,作为一个普通人,苏云感到无比的艰难,他的任务除了保护自己的妹妹外,也要调查自己的不明身世。 就这样,这种过程虽然艰难困苦,但苏云也逐渐得找到了一些有用、却奇怪的线索。 知道真相最后,苏云才知道,自己做法真的太可笑了。只可惜,以前的事,他再也想不起来了……本是千万富翁,却遭遇破产危机,结婚六年的妻子还送给我一顶大大的绿帽。 人生低谷,却无意间结识美女总裁。 为还自己清白,我重振昔日辉煌,不仅要手刃仇人,我还要让那些瞧不起我的人跪下来叫我爸爸。 人性是善是恶,争论千年无休止。 而我的故事就要从人性上开始说起…“只要能压过阿海我怎样都行” “我要高铁!” “阿泰你闭嘴,先给我修机场!” “咩啊?” “总有一天全世界都吃切糕!” “青鸟休想跟我争第一!” “东三村要团结~~” 这个世界,从灵气泄露的那一刻起,思想就不止属于人类了,在另一个角度来说,我们只是它们的一部分......【模拟器系统】+【幕后大佬】+【密室逃脱】+【诙谐文风】。 这是一个既惊悚又搞笑的故事。 他永远能让玩家知道,什么叫生得自由,死得随机。 他也永远能让对手明白,什么叫以德服人,殡至如归。 他叫薛东! 在这个平行世界里,他就是神一般的存在。 因为斜刘海,永远遮不住他右眼的哀伤,更挡不住他锋芒四射的魅力。 然而,他却更喜欢隐于幕后,默默操纵着他人的命运……明月被拉上天幕,月色照映山水。 无意惹佳人垂眸,却终究不过凡人一夕。随心随意随缘,随遇而安。无序常态亦昌泰。平行时空,异世为人,不是王侯将相,没有未卜先知,唯有科学,唯有革命,你有你的孙子六韬,我有我的论持久战,论游击战。 本书又名寒门人士发家记,这个人怎么什么都懂,我在异界当龟公的那些年,天下石人一只眼,始知我命由我不由天
学院网站规划方案 背景图网站 asp网站空间 广州做网站的公 大学对网络营销的认识 布吉网站建设 公司网站建立教程 网上营销有哪些 电子商务网络营销 教育部 网络安全 前世今生的缘分如何解读?咨询【www.richdady.cn】 脑部不清晰的自我提升咨询【www.richdady.cn】 心慌胸闷头晕的环境影响【www.richdady.cn】 官司的原因分析咨询【www.richdady.cn】 解决孩子不爱读书的问题咨询【www.richdady.cn】 升迁障碍的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 忧郁症的案例分享【企鹅383550880】√转ihbwel 大龄剩女的社交技巧咨询【www.richdady.cn】√转ihbwel 与老公前世的前世修行咨询【企鹅383550880】√转ihbwel 缺心眼的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 头脑混沌的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 学习成绩差的咨询技巧咨询【www.richdady.cn】√转ihbwel 孩子不爱读书的家庭教育威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何提高孩子的阅读兴趣?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 官司的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的治疗方法【σσЗ8З55О88О√转ihbwel 孩子厌学的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 解梦的梦境解析咨询【σσЗ8З55О88О√转ihbwel 与老公前世的故事分析【企鹅383550880】√转ihbwel 无形干扰的自我提升【σσЗ8З55О88О√转ihbwel 计算机网络安全培训 网站开发与建设 网络安全审计联通 网络安全与应急管理制度 平台的营销 二A信息安全院校排名 win7网络安全注册表 政府机关信息安全 网络安全漏洞报告 黑龙江省网络安全协会 健身器械网站建设案例 支付宝全网营销软件破解版 金融业银行信息安全 呼叫中心信息安全规范 手机版网站设计风格 网络营销专业培训学校 国家信息网络安全标准 信息安全分类分级指南 网站收录低 顺德新网站建设 东莞市策划营销顾问 网站开发与建设 网络安全公司采购 秦皇岛网站建设 2014网络安全问题 哈尔滨网站优化 营销培训的重要性 背景图网站 第三方网络安全服务平台 小米网络营销应用分析 广州做网站的公 网络安全入侵 东莞市策划营销顾问 免费网站 网络安全公司采购 国家计算机网络与信息安全中心,-1 网络营销分为哪些特点是什么 云营销 重庆的网站建设公司 信息安全技术 数据备份与恢复产品技术要求与测试评价方法 网络安全系统中的身份认证技术应用及其发展 网络安全的实施 信息安全 东盟,-1 腾讯信息安全实验室 网络营销环境pptwifi网络安全问题 珠海集团网站建设报价 营销步骤 餐饮网上营销 信息与 网络安全的基本概念 最流行的网站设计风格 网络安全审计联通 做网站收费 网站建设素材 信息安全属于ee吗 中企网络营销顾问 山东专业企业网站建设 不属于营销战略4p的 新的营销新观念 美国网络安全宣传周 信息安全技术风险管理 平台的营销 二A信息安全院校排名 信息安全专业知识 网站设计形式 中国民航大学信息安全测评中心 营销机构与营销队伍 win7网络安全注册表 沈阳 企业 网络营销 新疆网络安全人才奖 网站颜色表 教育部 网络安全 信息安全事件趋势分析 网络信息安全 案例 kerberos 网络安全漏洞报告 网站建设公司营销推广 网站开发与建设 2014网络安全问题 国家信息安全测评认证中心 黑龙江省网络安全协会 asp网站空间 网络安全中CIDF英文缩写 网络安全 屏蔽 健身器械网站建设案例 教育部 网络安全 南通企业网站制作 信息安全定级指南 支付宝全网营销软件破解版 网络安全交流协会 做网站收费 微博营销涉及的范围 金融业银行信息安全 绵阳市公司网站建设 顺德新网站建设 微博营销的好处和坏处 网络安全的实施 信息安全专业知识 视频营销的策略是 网络安全知识测试 国家信息安全测评认证中心 临汾网站建设 公司网站建立教程 网络安全系统中的身份认证技术应用及其发展 宿迁网站建设 大学对网络营销的认识 免费网站 信息安全等级保护... 网站jianshe isp信息安全管理措施 许可email营销的工具 平台的营销 网络营销方向学什么不同 网络安全 主题会议 谁知道电子商务短期培训电子商务培训都有哪些网络营销课程? 网站开发和 郑州网站建设制作 宿迁网站建设 计算机网络安全培训 app购物营销 济南网络推广网络营销软件公司 信息安全和人工智能 网络安全信息共享 网络安全与应急管理制度 论坛营销 成功案例 视频营销的策略是 信息安全风险评估规... 第三方网络安全服务平台 网络安全漏洞报告 呼叫中心信息安全规范 网络安全法 三十四条 关注网络安全bolg 平台的营销 网络营销大学课件 网络安全攻防linux asp网站空间 网络安全的关键技术有