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
互联网整合营销搜索引擎营销竞价账户托管网络安全设备分类深圳微信营销公司信息安全竞赛 作品网络安全设备分类网络安全新闻案例分析网站挣钱网上海市网信办 信息安全策划 营销本书是一本神话小说集,全书创作很具有新颖性,全书中含有作者搜集并改编的民间神话传说三四篇,其余全部都是作者的原创作品,其中《没有终点的游戏 游戏之妖》一篇在2019年美国特朗普总统在工作中使用。王宇是一个我的世界爱好者,技术同时也在线。在2025年,微软首次做了一个百万人同服的服务器。可以报名进入,服务器正常人只有一条命,死了不可以重生,但是通过击败玩家或者做任务提升复活次数,并且可以用物资换模组,以获得更强的物品。不过这个服务器你一定要记住的是,你身边,可能有鬼神。天狼星是缆镇龙头老二施边边的绰号。 施边边出道前是读过好几本古书的。 会背东坡老师的《江城子 · 密州出猎 》:老夫聊发少年狂,左牵黄,右擎苍。 锦帽貂裘,千骑卷平岗。 为报倾城随太守,亲射虎,看孙郎。 酒酣胸胆尚开张,鬓微霜,又何妨! 持节云中,何日遣冯唐? 会挽雕弓如满月,西北望,射天狼。 客厅还请苍梧先生写了这首词,裱了起来,比起龙头老大钱鼓鼓只喜欢收藏所谓的玉石原石好多了。 钱鼓鼓收的所谓玉石原石全部来自云南,不知真假! 缆镇以前没有什么工业,所谓的工业就是做木质工艺品,因此木头原料是关键。 钱鼓鼓和施边边二个人垄断了缆镇的木头市场。 后来,缆镇开始搞建设,鼓捣水泥搅拌站是来钱快的生意,钱鼓鼓和施边边二人开始了水泥搅拌站的布局。 故事就这样开始了!写一下初中时候年轻的岁月。我曾是学校里的无名之辈,也连续多年霸占着全校第一的位置。爱过,恨过,伤过,笑过,自卑过,骄傲过,犹豫过,惆怅过,迷茫过,努力过……徐通穿越洪荒世界,成为未来的圣人通天。 想到未来自己的悲惨命运,熟知洪荒剧情的徐通决定苟起来再说! 紫霄宫听道?不去! 创立截教?休想! 任他洪水滔天,我自稳健修行! 待我出关之时,一切腥风血雨量劫落幕。 至此,尘归尘土归土,天上飞天,地下入地,西方的和尚上西天!《原神浩劫之成神之旅》是讲述旅行者荧妹达到最终目标后经历‘深渊之战’,往后20年的故事叙想。第一次写作,想构造一个不一样的原神世界,希望大家能够喜欢。姜雨扬,男,22岁。在这个世界,他只是一名普通的袋鼠打工仔,但突然有一天,他莫名其妙地走进了另一个陌生的世界。 在这里,他是万民敬仰的罗汉爷爷,惩奸除恶,他又是一个卑鄙无耻的邪恶首领。 一个行走在光明与黑暗间的走私商人,是无情的屠夫,也是活人无数的神明。 他是无数矛盾的混合体,也是新世界的创造者。 姜雨扬:“我真没想弄这么大动静啊~”陈二狗前半辈子是个傻子,现实生活中的树先生,直到有一天,他得到了阴司的传承,成为了桃源村的土地神,掌一方土地造化。 从此,在他的地盘里,天材地宝,全都躲不过他的眼睛。养鱼建厂,盖房修路,他带着大伙一起发家致富。 只不过,他做事不太讲道理,渐渐的被人称为刁民。而从前被人人嫌弃的大傻子,也慢慢成为了众多美女,争相取悦讨好的香饽饽。灵修之道,不外乎,纳灵化旋,聚雾凝液,固晶结丹,筑台合道,九转涅槃;万古之劫即将再次袭来,天地能否逃脱这次灭世大劫,在乎巅峰也!月高悬于空,星不见其影。 沉眠的暴君从历史中苏醒,漆黑的双翼划过破晓的黎明;巍峨古堡跨越了尘封的的记忆,矗立在洛尔维亚的群山之巅。 当头戴王冠的公主睁开双眼,从死亡归来的旅人重新握住剑柄—— 国王湖的水面不再平静,却依旧深不见底。
电子政务网络安全研究 整合营销闭环 做好的网站如何上线 美国网络营销成功案例 网站设计奖 信息安全技术 网站 信息安全审计平台 深圳 网络安全 产业 淘宝营销 中国 信息安全 法规 家宅磁场的检测工具咨询【www.richdady.cn】 前世今生的故事解析咨询【www.richdady.cn】 前世今生的轮回存在吗?【www.richdady.cn】 财运不佳的改善方法咨询【www.richdady.cn】 婴灵、邪灵、祖灵咨询咨询【www.richdady.cn】 前世今生的修行方法【企鹅383550880】√转ihbwel 公司破产对股东的影响咨询【企鹅383550880】√转ihbwel 阴间生活的前世影响咨询【企鹅383550880】√转ihbwel 脑部不清晰的心理调适咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的阅读计划如何制定?【σσЗ8З55О88О√转ihbwel 投资项目咨询【微:qq383550880 】√转ihbwel 什么原因意外的前世修行咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的情感咨询咨询【σσЗ8З55О88О√转ihbwel 外灵干扰的解决方法咨询【微:qq383550880 】√转ihbwel 孩子压力大的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 投资项目的环境影响【σσЗ8З55О88О√转ihbwel 外灵的干扰特征【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的前世缘分咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网站营销是做什么的 反思维营销中国信息安全等级网 网站设计奖 网络安全.需要哪些技术 国家网络安全平台 制作网站软件 美国信息安全厂商 旅社网站建设 青岛城阳网站建设 网站营销师 信息安全竞赛 作品 上海高端网站建设 太原门户网站 策划 营销 信息安全管理实用规划 网站挣钱网 手机网站免费 网络营销策划方案设计 山东信息安全等级保护 网站盈利 互联网 网站建设 信息安全和运维区别,-1 信息安全和保密的区别 怎么获得网络安全资质 营销者网站网络安全故事 国家信息安全等级第二级保护制度 美国网络营销成功案例 信息安全 解决方案 信息安全技术 网站 天津网站建设包括哪些 信息安全产品销售,-1 微信营销的发展 时间 网络安全新闻案例分析 营销者网站网络安全故事 网络安全和计算机安全 国家信息安全等级第二级保护制度 长沙微信营销网络安全主要技术 至设计网站 做网站平台的公司 山东网络安全 网站建设公司平台 策划 营销 网络营销特点包括什么 武汉做网站最牛的公司 青岛城阳网站建设 上海市网络信息安全 2017网络安全文件 微信火爆营销推文汇总 策划 营销 旅社网站建设 梧州网站设计 信息安全4hou 国家信息安全标准体系 互联网 网站建设 浅谈成功修改网站关键词的方法 虽然我们在做网站之前都会再三 网络安全的发展趋势 全面解读网络安全发 微商营销模式缺点 特仑苏营销 网站推广方式 青岛模板化网站 信息安全管理实用规划 保护信息安全软件 网站建设优化服务价格 摩拜单车的网络营销 网络安全新闻案例分析 深圳 网络安全 产业 互联网整合营销 美国信息安全厂商 浅谈成功修改网站关键词的方法 虽然我们在做网站之前都会再三 网站防采集 保护信息安全软件 微网站页面 信息安全和运维区别,-1 软文营销策划书 莱芜网站优化 网站托管方案 营销资料网 淘宝营销 外国外卖营销 微信火爆营销推文汇总 网站挣钱网 网站推广方式 反思维营销中国信息安全等级网 信息安全工作总体方针和安全策略,-1 银行业 信息安全事件 网络安全优秀人才奖 网站营销是做什么的 ccf 信息安全,-1 深圳网站平台 网站备案流程 scan扫描信息安全技术 信息安全技术 网站 微商营销模式缺点 临沂网站推广 广州的服装网站建设 深圳网站平台 网络营销策划方案设计 支付营销 建立网站的步骤 湛江做网站 网络安全新闻案例分析 佛山新网站建设特色 网站制作北京 微信营销的发展 时间 微网站页面 网络安全去哪里学 在我们的日常生活中会遇到哪些与网络信息安全相关的问题? 考信息安全认证 深圳营销型网站建设 青浦网站建设 网络安全实验室脚本关 工信部网站备案 营销资料网 个人信息安全 案例 饰品网站建设 福州网站设计 信息安全 解决方案 网络安全销售招聘 ccf 信息安全,-1 国家信息安全标准体系 济南外贸网站建设 在百度搜索公司名字看到是自己公司的信息可是点开确实别人的网站 国家注册信息安全专业人员 全面解读网络安全发 青岛公司网站建设 网络游戏营销 营销型网站建设案例分析 广州的服装网站建设 电子信息安全服务测评 营销者网站网络安全故事 徐州建立网站 被通知公司网站域名到期 网络安全.需要哪些技术 2017网络安全会 日程