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
山西武汉网站建设信息技术信息安全长沙做网站多少钱中山企业网站建设方案网站建设公司价格郑州网站制作电话信息安全壁纸青岛 网络安全法渠道整合营销平台昌都网站建设当天空如同打碎的镜面片片碎裂,太阳消失,漫天空布满了磷火;那是黑灼再一次临近大地!神佛早已不在;唯有握紧手中的晶核,开启一次又一次的进化;至于那些善良还是早些喂狗吃了吧,不然荒郊野外的尸堆中迟早会有你的一席之地。苏祈因为玩了一次笔仙游戏就被拽进了一个诡异的门后世界…… 这个世界,没有规则,没有对错,除了活着,没有别的选择。 轮回的教室,充满了笑声的楼梯间,尸块堆积的地下仓库。 同学接二连三的惨死却引发了更大的祸端,大门仍然是关闭的,游戏仍然在继续。 只有苏祈知道,自己病了,病的很重。 当他彻底无法控制病症之后,整个诡异世界,都会感受到真正的恐怖……每个人都做过一些不同寻常的梦,而梦中总会让人觉得毛骨悚然,以至于成为童年的阴影,为什么会出现这样的故事,也许在冥冥之中,有的人正身处其中,而你的灵魂却触碰到了另一个世界的黑暗,所以有的东西,应该睡醒了就忘记……此书摘自于人类的睡梦。一把钥匙打开了异世的大门, 【位格】的会议拉开了最终纪元的终焉。 终局到来前,星神,主宰,旧王,时局, 六个纪元的恩怨纠葛,阴谋算计,终将迎来终结。 英雄救美的谭天意外坠楼,醒来后发现自己竟然穿越到了平行世界? 更让他意外的是这个世界不仅时间线跟原时空对不上,而且世界背景也很不对... ... 不过还好在系统面前,一切魑魅魍魉都是渣渣!某K平台封神作家常年位居畅销榜榜首,为了巩固霸主地位,他斥巨资招聘技术大牛研发小说系统漏洞。通过漏洞,人可以进入小说内部更改剧情走向。为了使每一部精彩小说消失,封神作家开始结党营私,广纳社会负债人士组建改匪帮。 # 某K平台之所以能够成为行业霸主,靠的还是才华横溢的原创作者。改匪帮的出现使得很多作者怀疑人生,明明之前的剧情就不是这样的,怎么变成这样了,回头再改的成本太高索性就弃文扑街。在查明原因后,某K召集公司技术部加厚每本小说的防火墙。但最终总能被改匪帮的黑客一一破解。无奈之下,某K派出小说警察前往小说内部大肆抓捕改匪。 # 知名女团成员——夏春芹从经纪公司解约失败,高额违约金早已超出她可承受范围,走投无路的时候,民间借贷公司的业务员把她推荐给了‘改匪帮’。 # “夏春芹从实招来吧,你的上级是谁?” “许警官,你耳朵有病吧?我说了一百遍了,没有组织!”当修真者穿越到了现代,因为语言不通闹出了许多笑话。 谁能想到,一个不起眼学生竟然是修真界的最强者? 最强S级异能者?对不起,只需要一剑。 异能者和修真者的碰撞,核武和仙术的对轰…… 末世,丧尸,异能,人性,生物兵器 长生不是福赐,而是诅咒。 生离死别,千世孤独。 结束,也是开始…… 再回一次,你依旧无能为力……时辰每天的日子都在惊恐中度过,从十五岁开始,不一样的爸爸妈妈给了他不一样的青少年生活,他敢叛逆吗?他不敢,但是这种生活唯一的好处就是带给他了不一样的胆子,考上大学逃离父母后,他发现,原来这个世界都是这么的令人感到惊悚。武道之途,乃与天争命,逆天而行,遭天罚万劫。世间唯有九脉者,脉与天合,顺天而行,身怀天地气运,迎劫渡身,逢凶化吉。 林辰本乃天赋异禀,为天纵骄子,修途一路高歌,遍处风光。因缘偶得奇功妙诀,断脉重修。从此遭同门羞耻,宗门遗弃,兄弟背叛,处遭唾弃。 待我重回巅峰,问鼎苍穹,势必一洗前耻,傲世凌天。
网络营销影响因素 中国信息安全测评中心 主管部门 山西武汉网站建设 邹城做网站 腾讯网络营销的挑战 网站制作 手机 企业存在网络安全介绍 集线器可以保障网络安全吗 福州网站建设 长安网站优化 缺心眼的环境影响咨询【www.richdady.cn】 亲子关系的家庭氛围如何营造?【www.richdady.cn】 孩子不爱读书的原因咨询【www.richdady.cn】 缺心眼的前世因果【www.richdady.cn】 化解婴灵的最佳时间咨询【www.richdady.cn】 忧郁症的自我提升【σσЗ8З55О88О√转ihbwel 前世缘份的故事有哪些经典案例?【企鹅383550880】√转ihbwel 孩子不爱读书的心理分析有哪些?咨询【www.richdady.cn】√转ihbwel 亲子关系的心理建设方法有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主的干扰影响咨询【www.richdady.cn】√转ihbwel 亲子关系的心理建设咨询【www.richdady.cn】√转ihbwel 去世的父亲的前世解析【σσЗ8З55О88О√转ihbwel 孩子不爱读书的阅读计划如何制定?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 升迁障碍的职场规划如何制定?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的职场转型技巧有哪些?【σσЗ8З55О88О√转ihbwel 升迁障碍的职场转型【企鹅383550880】√转ihbwel 与公婆前世的记忆解析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 官司的解决方法【www.richdady.cn】√转ihbwel 解梦的前世影响【www.richdady.cn】√转ihbwel 老公家暴的应对方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网站建设公司价格 网络安全 宣传周 昌都网站建设 信息安全技术产业联盟 电商网站建设新闻 网站界面 欣赏 Email营销 天津信息安全 温州网站制作的公司 信息软件企业信息安全,-1 网络安全运维周报 郑州网站建设怎样 北京营销网站建设 信息网络安全培训 俄罗斯网络安全 申请个人网站 北京高端网站制作 网络安全 宣传周 昌都网站建设 信息安全技术产业联盟 电商网站建设新闻 网站界面 欣赏 Email营销 天津信息安全 温州网站制作的公司 信息软件企业信息安全,-1 网络安全运维周报 郑州网站建设怎样 北京营销网站建设 信息网络安全培训 长安网站优化 成都网站制作公司电话 传统营销分析 制作企业网站 网络安全技巧 陕西省网络与信息安全测评中心 电商网站建设新闻 俄罗斯网络安全 深圳整合营销优势信息安全技术公司招聘 网站制作 手机 济南网站建设优化 炫酷业务网站 有pc网站 天?h网络安全审计系统v6.0 企业的网络营销案例分析ppt模板 申请个人网站 广州信息安全协会 如何建立一个网站 行业网站设计 南昌做网站 科学管控在网络安全中的重要性 网络安全产品起名字 中国网络安全实验室 广东信息安全服务资质咨询,-1合肥微网站 信息安全技术产业联盟 上海网络安全大会 南京网站设计 如何建立一个网站 厦大网络安全 自己电脑做网站 带宽 网站建设三站合一 社交网络营销策划 温州网站制作的公司 唯品会营销策划书 经典网络营销案例分析ppt模板 系统信息安全等级保护 营销案例及分析 大连建网站 深圳网络营销|深圳网站建设公司|专业网络营销运营推广策划公司 青岛 网络安全法 想自己建个网站 上海高端网站制作公司 网络安全产品起名字 网站建设 天津 四大门户网站 小红书的战略营销 设计的网站 品牌网站建设多少钱 武汉企业制作网站 科学管控在网络安全中的重要性 社交网络营销策划 信息安全技术防火墙技术要求 课件营销 天津信息安全 网络空间安全 信息安全 山西武汉网站建设 天津信息安全 设计的网站 网络专业的网站建设 网站做好后 京东营销策略是什么 行业网站设计 企业网络安全解决步骤 星巴克与微信营销策略分析 天蝎网站建设 网络营销影响因素 成都网站制作公司电话 股票网站建设 网络营销公司取名 网络安全保卫局3所 物流网站建设 南京网站设计 网络安全语录 2016最新网络安全事件引擎营销 seo网络营销师 优帮云 计算机网络安全等级国际标准 网站开发制作公 博客营销的主要特点有( ). 产品设计优秀网站 电脑信息安全培训 烟台网站建设 课件营销 星巴克与微信营销策略分析 金融行业信息安全案例 2015年北京信息安全培训 网站建设模板是什么 系统信息安全等级保护 黑客网络安全技术论坛 网站建设模板是什么 网络安全技巧 北京网站的建立的 福州网站建设 制作企业网站 事件炒作营销 佛山新网站制作咨询 软件网络安全 北京高端网站制作 提供网站建设搭建 深圳整合营销优势信息安全技术公司招聘 网络安全语录 网点营销手机短信 网络安全事件解决时间 2014年中国网络安全现状 网络专业的网站建设 网络安全行业发展