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
上海做网站的搜索引擎营销待遇网站备案教程上海网站营销合肥网站制作报计算机信息安全网站空间购买新网站制作平台html5简易网站建设免费建个人网站幽默穿越爽文,喜欢的朋友赶紧前来围观咯!首次在17K发表小说,还请大家多多支持!谢谢、谢谢、谢谢!(重要的事都要说三遍,呵呵!)秦凡为救老婆,不得已暴露自身能看到宝物气息的能力,不断捡漏,只要是宝物,在秦凡的眼中都无所遁形,因此引起各方势力的注意,破真伪,看人心,鉴宝捡漏,玩转人生……别人的高三可能都是抓紧时间去考大学,而他的高三却是在生死之间徘徊,甚至干脆直接就冒着生命危险去和凶手对峙了。当然虽然这份人设有点过于单调,所以说在这过程中也是开开后宫。玩弄并感受着人情世故,也被人情世故玩弄着,或许这就是人生吧。 明显最开始,只要不去刻意的管的话,那么一切都是安稳起来的。但是因为有着强大的好奇心,所以便有了之后的这份回忆录…前世,他的父母对他不冷不淡,沉默的性格让他没有朋友。但他在游戏中认识了一位师父——5719。是他教会了他好多东西,使他不再那样的菜,同时也改变了他的沉默寡言。但不久,他的师父死于癌症,而他也死于车祸。 这一世,他重生到了一颗叫蓝星的星球上,mc的浪潮刚刚掀起,为了纪念曾经黑白的记忆与磨难,他便将他的网名取为【黑白记忆】,而他,将用这个账号,创造出璀璨多彩的传奇! ———————————————————————————— 题材:我的世界X转世重生 更新频率:2~3天一更,节日或支持者众多加更,期中期末停更1~2周 MC版本:随剧情发展 QQ书友群建立了,群号745702129,闲聊杂谈唠嗑催更都可以! 未经允许,切勿擅自转载!希望大家多多支持!机缘巧合下,林星得到了神针空间,空间里有用不尽的灵水。 灵水喷洒过的果树,果子美味。 灵水种出来的花草,品相极佳。 灵水浇灌过的药材,价值翻倍。 除了种田,神针还有别的功能等待林星一一开发! 守着山头种树养花种草,养只看家猫,林星的小日子过得不要太滋润。 三番四次偶遇大明星顾若曦,她有一个林星的秘密……一个持续万余年的计划 只为对抗 第一圣人毁灭世界的阴谋 却不想其他世界的误入 让整个行动造成了无法挽回的偏差 是绝地重生? 还是陷入绝望…… 修仙难,一看天赋,二看机缘,三看身家。 王耀穿越而来,却成为一介天赋全无的边远村民。 且看王耀如何以妖入道,踏上仙徒,巧妙周旋,化险为夷。 凭借一腔热血,二世为人,成就三界功绩,四世威名!降临全球的超凡事件,一纸神秘的契约…… 苏醒与死亡共舞,穿梭在三界与人间,在一次次试炼任务中险死还生,洞见真相。 鬼街打更人、妖界摆渡者、天界放马官!苏醒一步一个脚印,做大做强,再创辉煌。 本书又名《内卷》,《往死里卷》《TM谁都别想卷过我》《扶我起来我还能浪》 ———————— 小二寄语:今天五更,再废话十更。  “老祖,五百年了,为何,为何渡我不渡她……今吾已成圣,而她,终是凡人……”   “若我渡她,你须受三千雷击,三千鹰啄,魂魄将会投入太虚而永世不得超生,她也将会抹去对你的一切记忆,你,可愿承受?”   “为何,老祖为何不能成全我们,若今日老祖不同意,我就算是死,也要让她回来!”   “好,若你打得赢我,我就让她回来。”   “黑灵天圣在动手前,向您谢罪了”   樱花纷落,映出刀光剑影   天降甘露,不知是谁的嘶吼   点点血色,散在这一片叶中   再次挥动,却是徒劳   樱花散尽,指穿人心,一个人影缓缓倒下……   一个生命的结束,便是另一个生命的开始……………   我叫罗威,能力是个只会吐槽的旁白,体质是能够使接近我的美少女提升实力。   本来以为这将会是一个美少女找我贴贴的故事,但不曾想有人另辟蹊径——   原来想杀我也算是和我有亲密关系的吗!!?
北京网络安全评测公司广东省信息网络安全 b2b营销软件 网络安全工作会 商业网站模板 南昌网站建设公司渠道 做网站团队 网站颜色 信息安全系统设计,-1 apmserv 127.0.0.1 怎么能直接访问本地网站 网络技术网站 去世的母亲的前世修行【www.richdady.cn】 公司破产的原因分析咨询【www.richdady.cn】 事业不顺的职业规划如何制定?【www.richdady.cn】 去世的母亲的咨询技巧咨询【www.richdady.cn】 与公婆前世的前世案例【www.richdady.cn】 心慌胸闷头晕的解决方法咨询【σσЗ8З55О88О√转ihbwel 与公婆前世【企鹅383550880】√转ihbwel 事业不顺的改运方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的前世案例咨询【www.richdady.cn】√转ihbwel 孩子学习不好的家庭教育【企鹅383550880】√转ihbwel 公司破产的环境影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 性压抑的前世影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度过程【微:qq383550880 】√转ihbwel 前世缘份的缘分揭秘咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子厌学的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子厌学的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的原因有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰【微:qq383550880 】√转ihbwel 解决孩子不爱读书的问题咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 祖灵对家族的影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 做网站团队 上海网站营销 北京网络安全评测公司广东省信息网络安全 网站设计贵不贵 1大型门户网站服务功能 中央网络安全和信息... 网店营销计划 深圳制作网站哪家好 信息安全 课堂 春秋 网络安全 天津 企业网站建设 网站颜色 建立网站备案需要什么资料 电商营销公司做什么的 微网站营销 网站制作员 汕尾网站建设 网络信息安全中心 手机端营销 网络立体营销 网络安全法新闻稿 优秀网页设计网站 新网站制作平台 网站案例 做网站团队 政府网站怎么管理系统 美国国家信息安全保密总统令 译文 政府网站怎么管理系统 营销对企业的重要性 政府网络安全方案 网络安全工作会 南昌网站建设公司渠道 网络营销线下培训 线上营销概念 烟草行业信息安全解决方案 湖南企业网站建设 优秀网页设计网站 信息安全系统设计,-1 网站开发设计公 电子科技公司网站网页设计 济南软件优化网站 网站建设仪器配置表 饥饿营销行为 网络营销专业都学什么不同 微博营销 html5简易网站建设 营销咨询网 深圳制作网站哪家好 网络营销网络广告 网络安全案例ppt 好的信息安全论坛 青岛信息安全企业 上海做网站的 百度知识营销广告 建网站前途 网络安全国际认证 厦门网站建站 网站优化案例 杭州网站建设 网站制作员 深圳制作网站哪家好 盛世国际网络营销团队 网络立体营销 网站教程 网站建设素材 搜索引擎营销效果评估 自建网站的缺点 网络营销怎么实施 网站建设仪器配置表 南昌网站制作 如何做网站 网站有哪些类型 学网络营销那里好 商务类网站 教育部高等学校信息安全专业教学指导委员会 建网站前途 优秀企业网站设计 我为营销文化代言 网站备案教程 淘宝营销。 烟草行业信息安全解决方案 龙岗 网站建设 春秋 网络安全 饥饿营销英文解释 北京网络安全评测公司广东省信息网络安全 信息安全的漏洞 门户网站的功能 公安部网络安全 网站空间购买 昆明网站开发公司 淘宝营销。 上海网站营销 白帽学院 信息安全 电商营销公司做什么的 apmserv 127.0.0.1 怎么能直接访问本地网站 哇哈哈营销环境分析 二维码营销 网站建设公司哪个好 中山网站建设外包 合肥网站制作报 网站开发公司 上海 网络营销难不 网站设计贵不贵 信息安全 国家 学院,-1 html5简易网站建设 数据库网络安全措施 病毒营销的定义与特点是什么 门户网站的功能 移动营销的优势劣势 信息安全安全技术规范 网络安全案例ppt 网络信息安全风险 b2b网络营销的定义 优秀企业网站设计 网站 云建站 大型手机网站制作 网络信息安全中心 网店营销计划 西安网站建设公司 红帽。信息安全 建网站的详细步骤 网站建设素材 洛阳网站优化 网络安全法新闻稿 工业信息安全政策体系 汕尾网站建设 公司营销效果怎么样 建立网站备案需要什么资料 第五届全国信息安全等级保护技术大会,-1 线上营销概念 中央网络安全和信息... 1大型门户网站服务功能 如何利用网络平台营销 做网站团队 烟草行业信息安全解决方案