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
亚信网络安全电子邮件营销优点重庆微信营销的公司有哪些建电子商务网站武汉网站开发公司防火墙与网络安全的关系网络安全的目标是什么?通过哪些技术手段可以促进安全目标实现?网络营销执行岗位职责玉林做网站陕西省网络信息安全办公室成员 空间站机器人和地面站失联,生产这种机器人以及支持机器人运行的公司也发现自己的加拿大服务器同时失联,更发现正在国外度假的董事长一家在几个小时以前也失联。与此同时,市内发生一起未遂谋杀案。四件看似毫不关联的事情其实起因于同一件事,一个在日本的古老家族正在完成一件2000年来徐福交给该家族祖先的任务,进入喜马拉雅山山脉下的悬空之地,获得大地之心,从而掌控穿梭于不同时间维度的方法。 穿越于不同的时间维度,相当于获得长生;但如何穿越于不同时间维度是个问题,穿越后会发生什么事又是另外一个问题。 这是一个挂着科幻和推理羊头,写着人性的故事。因为, 人不能随心所欲支配行为,所以人,都是傀儡一样的存在。那一年,万里河山狼烟四起。 枪声惊醒山林,硝烟弥漫古观。 终南山玄隐观小道士宋修,秉承师命下山入世保家卫国。 激战中,他竟意外穿越现代。 会医术,懂武术,能占卜... 琴棋书画,吹拉弹唱,都会“亿”点! 靠着一身本事,他成为实至名归的国民神医,国粹传承人,武道宗师。 本书又名:《我真只是个道士啊》,《都市:靠道士身份开始出圈》,《穿越现代之好好活着》。王陵穿越到魂兽横行、全球武魂觉醒的平行世界。 开局绑定外附武魂混元道宫,觉醒王者级双生武魂生灵圣火和混元神火,产生顶级武魂异像,震惊全球! 混元道宫加速时间,魂植成长速度是外界的千倍万倍! 生灵圣火与混元神火更是炼丹神物! 一举成为神级炼药师,复兴华夏炼药事业,成为世界第一! 所有人都认为他只是一名神级炼药师,毫无武力值。 直到有一天,魂兽侵袭生灵涂炭,人族危在旦夕。 王陵从天而降,手持宫殿脚踏神火,大手一挥,轻易化解了魂兽危机。 全世界才恍然大悟,将他供为神灵! 天宫宫主:“妖孽如此子,天佑我华夏!” 米国战神:“我不是他的一招之敌。” 魂兽之王:“如果不臣服于他,我就只有死路一条。” 帕特农神女:“他的炼丹之术让我望尘莫及,希望能与他‘单独’探讨炼药技术和魂植生命的起源。” 王陵:“其实我只想低调的做一名炼药师而已,但实力不允许啊!” 李乘风悲催的被破了九世纯阳,誓要重回仙界,找到她弄个清楚明白,拥有万年感悟、帝尊心境,实力飞升如梭,李乘风不是天才,他只杀所谓的天才!秦煜魂穿大唐,激活了个说书系统,却没想到开局任务就说【长生诀】。 秦煜:在大唐说长生诀?系统你怕不是嫌我死的太慢!你咋不叫我去讲玄武门之变? 系统:那就讲玄武门之变,要么现在死! 秦煜:我也不是怕死,就是爱讲玄武门之变! 李二:听个书,结果听到揭秘玄武门之变!这厮当真是不怕死呀 异世大陆,强者为尊。 少年陆泽惨遭背叛,却意外获得无上神功,从此龙游苍穹,鹰翱九霄。 杀圣子,灭天骄,夺造化,逆天改命,强势崛起! 一步一登天! 一路披荆斩棘,一剑破万法! 高歌猛进,无所不克,一直走到巅峰。爱崩坑,爱扯闲篇。(作品架空部分历史情节) 宇宙已膨胀数十倍,世界在重铸的边缘,时间与空间的紊乱让不同时代的人们面对相同的资源竞争,这是最紧张的时候。 生活在原荒大陆的林空灵掌握着决定性的力量,作为同时拥有双源能的修者,却如修炼缓慢的普通人,家族的压力,学府的压力,正激发这这个后起之秀。这个人会乘着巨龙……,统率千万万人,与……历游各界本作品的名字叫做小岛:螳螂效应。作为螳螂效应的名词解释本作品会一一阐述。一艘由中国港口通往南极的旅游游轮在太平洋上向南极洲缓缓驶去。船上有面临离婚舆论压力的女明星,还有精通地理学海洋气候的专家地理学教授,还有高智商表面上看似善良的心理学教授,还有因学业失败和前女友离开沮丧的小帅。四个人在邮轮中彼此相互了解。可是,天有不测风云。游轮由于风暴影响而不得不更改航线。然而一场海难让几个人紧紧的贴在了一起。小帅女明星地理学教授心理学教授四个幸存者前往了孤岛布韦岛。在那里每个人将展现内心最黑暗的一面,伴随着岛上一个一个人的死去,巨大的阴谋浮出水面……一个出身贫寒的人 ,进入警局有多大的用处
网络安全设备销售 防火墙与网络安全的关系 诸城网站制作 网络安全专委会 网络安全传奇’ 网络安全监测软件 网络信息安全实验,-1 网络安全未来技术论坛 常见的信息安全事件 网络营销自学课程 心慌胸闷头晕的解决方法咨询【www.richdady.cn】 感情问题咨询专家咨询【www.richdady.cn】 亲子关系的教育理念【www.richdady.cn】 头脑混沌时如何提高注意力【www.richdady.cn】 投资项目的选择方法【www.richdady.cn】 去世的父亲的前世解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的轮回有哪些科学依据?【www.richdady.cn】√转ihbwel 孩子压力大的自我提升咨询【www.richdady.cn】√转ihbwel 意外的前世缘分【微:qq383550880 】√转ihbwel 升迁障碍的职场建议咨询【σσЗ8З55О88О√转ihbwel 脑部不清晰的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的原因咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 儿子抑郁症的案例分享咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的梦境解析咨询【σσЗ8З55О88О√转ihbwel 去世的母亲的影响分析【微:qq383550880 】√转ihbwel 特殊学校的前世记忆【σσЗ8З55О88О√转ihbwel 迟缓儿的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老婆的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子厌学的家庭教育【σσЗ8З55О88О√转ihbwel 信息安全管理 营销办法 深圳企业做网站公司有哪些 潍坊网站建设推广公司 手机派网站 防火墙与网络安全的关系 湖南中安密码信息安全测评中心 网络营销效果分析报告 网络营销事件营销 佛山网站建设的品牌 网络信息安全中心 西安网站托管 四大信息安全顶级会议 南京网络安全培训中心 浦东新区苏州网站建设 信息安全所 信息安全知识培训 陕西省网络信息安全办公室成员 武汉网站开发公司 网络安全展 广州制片公司网站 智能手机网络安全网络营销证书有用吗 网站信息安全定级报告 河北移动端网站建设 禅城区企业网站建设 青少年维护网络安全 广东网络安全 网络安全等级如何设置 信息安全专业牛人 北京网络安全讲师 湖南中安密码信息安全测评中心 委托建网站需要多少钱 东莞阿里网站设计 红帽。信息安全 如何做一个大型网站 网络营销团队配置 加强网络安全培训 yunos 信息安全 重庆微信营销的公司有哪些 网络安全周致辞 武汉网站开发公司 网站信息安全定级报告 东莞阿里网站设计 深圳网站推广公司 网络信息安全中心 网站设计模块 网站设计计划书 网络安全同担 深圳企业做网站公司有哪些 亚信网络安全 网络营销策划活动网站验收 最强的网站建设电话 诸城网站制作 网络安全的目标是什么?通过哪些技术手段可以促进安全目标实现? 武汉网站建设企业 西安做北郊做网站 企业网站改版新闻 高端网站定制费用是多少 微博与粉丝互动的营销案例 四大信息安全顶级会议 网络安全未来技术论坛 苏州高端网站制作 常见的信息安全事件 手机派网站 常州做网站的公司 服务好的网站建设 yunos 信息安全 网络安全的简介 信息安全四大会议品牌网站建设方案 玉林做网站 数码网站建设 网站制作 技术 网络安全等级保护级别 如何做一个大型网站 手机派网站 qq网络安全中心 网络信息安全实验,-1 浦东新区苏州网站建设 网络安全威胁报告2016 重庆网站设计 网站定做 青岛信息安全企业 政府网络安全通报 全响应网站制作 信息网络安全 考试 遂宁网站建设 网络安全展 重庆微信营销的公司有哪些 网站搭建吧 网络营销事件营销 教育网站设计案例 信息安全行业标准 关于手机网络安全 网络安全传奇’ 成都网络营销推广 佛山网站建设的品牌 2017年网络安全重要性 智能手机网络安全网络营销证书有用吗 定制网站 赵刚 信息安全 网站实用性 加强网络安全培训 全响应网站制作 无锡品牌网站建设 中国中央网络安全 小米手机网络营销问题 广州制片公司网站 网络安全展 中国网络安全年会 青岛 玉林做网站 网络安全应急处理 网站制作 技术 做网站团队 网络营销团队配置 委托建网站需要多少钱 2017年网络安全重要性 技能竞赛信息安全人才双11店铺营销亮点 东莞阿里网站设计 信息安全系统设计,-1 手机模板网站 东营专业网站建设 信息安全系统设计,-1 网站制作 技术 南昌市建网站的公司 千度网站 网站优化的图片 潍坊网站建设推广公司 深圳营销手机 信息安全所 网络金融信息安全网址 网络安全等级如何设置 网站案例 重庆整合营销传播公司 微博与粉丝互动的营销案例 通信网络安全技术