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
网络安全违法举报中心网络安全等级保护级别社会化内容营销案例青岛营销型网站建设如何做好外贸网络营销国外信息安全博士网络营销在我国的发展现状昆明网站建设价目表苏州高端网站制作网站推广教程失业主播江白为了博取流量喝下来历不明的液体,身体发生了异常变化。在走亲访友的过程中,见证了美女战怪物不可思议的事件。 数天后,在机缘巧合下再次遇到当天的救命恩人。原来这个世界上还有一种叫空间者的人天生背负命运。反侵略战争中,帝国战败,人民惨遭屠戮。联盟通过傀儡政府,对帝国进行高压统治。 不甘被支配的年轻一辈踏上征途,横眉冷对那些的所谓“爱国者”的谩骂,将复国计划悄悄上演。 前行于黑暗,背负骂名与罪孽,一切只为星火燎原。(杀戮果断+外挂+无圣母+后宫)主角叶安凭借前世三年末日经验从人性与丧尸与无数变异生物展开了剧烈的杀戮。 重生一世,蓦然发现这一世能看到所有物品信息包括各种前世未出现的不知名怪物。看到了物资箱,看到了几万年甚至几万年乃至几百年的隐藏古墓(遗迹) 叶安:这一世有了准备,一定要超然所有生物之前...... 王晓与王明意外下触发了传承血脉洗淬一瞬突破,又在种种机缘之下得到了父母的信息,踏上仙踏,为亲人报仇。 2050年,一颗直径超过10公里的小行星落入浪漫之城玛丽安娜境内,随后,地震引发的海啸淹没了第五大陆,全球气候发生剧变,爆炸扬起的尘埃覆盖了天空,遮蔽了太阳,全球温度下降了约15摄氏度,人类陷入恐慌之中。 2051年,武器商人赫尔曼以合众国的名义进入第二大陆东北角的贫穷国家,索尼亚。 2055年,第二大陆被索尼亚统一 2059年,第四大陆,雨林之国森巴的原政府被推翻,新政府上台。 2060年,第一大陆南部国家被不明势力尽数占领。 2061年,第五大陆剩余土地上,除不列颠帝国外,全部沦陷,同年,赫尔曼发表通告,宣布建立人类复兴政府,向现存各国宣战。 同年,世界建立了北部战时联合国,东部战时联合国以及西部战时联合国,向人类复兴政府宣战。 2074年,这是世界变成地狱的13年后,也是故事的开端。 子受穿越为殷商纣王。 系统发布的第一个任务竟然让他找个女人表白,任务失败回到原世界? 子受表示:当nm的暴君,老子要回去! 为了回到原世界,作死表白了女娲。 却没想到阴差阳错地成功了! 子受:女娲是我女朋友怎么办?急,在线等! Ps:此书又名《我的女朋友是女娲》、《女娲好感度爆满了怎么办?急,在线等!》你是想当无名小卒,还是名扬天下?“有我琅琊在,齐国境内,谁敢妄自称王!” 天地第九次重启,科技文明失效的同时,个人伟力崛起。 当秩序和认知被洗牌,家国众生又该何去何从。 力量的本质,是守护。 开局一座城,凭手中长枪,再开人间四月天!一处阴森诡异的迷雾森林,那里到处都是高大的树,浓重的迷雾。 传说能够进去的活人就再也无法出来,从此在这个世界上了无音讯。 人们都说迷雾森林的深处有一座古老且宏伟的城堡,没人知道城堡的主人是谁,等大家注意到的时候那座城堡就已经在那了。 有些人能够进到迷雾森林找到那座城堡,而有些人连进入森林都无法做到,因为他们根本无法找到这处传说中的森林到底在哪,那是一座不存在的森林。 传说中那处森林连一只动物都没有,只有高大的树木和杂草丛生的草地证明那里有生机。 如今又有5位不怕死的人来到了这座森林,以探险为由,想要亲眼看一看这座传说当中并不存在的森林到底存不存在。 但他们却在过程中遇到了一位少年,6人集结一个小队去进入了那座森林。 少年是谁?迷雾森林和其中的城堡又是何物?神秘的邪/教徒是谁? 阵法…祭坛…邪/教徒…怪物… 这个世界变得已经我和认知中的不一样了…… 剧情流,微克苏鲁元素,悬疑解密以及一点点探险元素,中西结合背景 运筹帷幄算天下,一身修为定乾坤 以凡躯肉体血染苍穹,以无双智计扭转数国时局 震乾坤,逆生死 得至宝,夺造化 破万界,立天道 练就无上神通,击败无数强者,屹立在天道之上,自创天道,沐浴万灵,即是创天主宰。
深圳品牌营销案例 国家制定并不断完善网络安全战略全面评估 网站制定 国家制定并不断完善网络安全战略全面评估 北京高端网站设计 国际信息安全顶级会议 网站建设服务 网络安全检测方案 网站型营销 启明星辰 天?h网络安全审计系统 纠纷的法律咨询咨询【www.richdady.cn】 公司破产的前世因果咨询【www.richdady.cn】 婴灵的安抚与超度【www.richdady.cn】 孩子学习不好的原因分析咨询【www.richdady.cn】 改善亲子关系的技巧咨询【www.richdady.cn】 儿子抑郁症的家庭支持威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 公司破产后如何重新创业威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的咨询技巧咨询【www.richdady.cn】√转ihbwel 耳鸣的自我提升【www.richdady.cn】√转ihbwel 投资项目的环境影响【σσЗ8З55О88О√转ihbwel 儿子不读书的教育建议咨询【企鹅383550880】√转ihbwel 冤亲债主的干扰与化解咨询【微:qq383550880 】√转ihbwel 交通意外的常见原因咨询【www.richdady.cn】√转ihbwel 感情纠纷的情感咨询如何进行?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与男友前世的前世解析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与男友前世的前世案例咨询【www.richdady.cn】√转ihbwel 家庭关系的矛盾化解【企鹅383550880】√转ihbwel 如何维护良好的家庭关系?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵的超度过程咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的财富积累方法有哪些?咨询【微:qq383550880 】√转ihbwel 体系内营销 成都市信息安全企业 传统营销模式的优点 北京高端网站设计 南和邢台网站制作 教育式营销 太原网站优化 关于加强党政部门云计算服务网络安全管理的意见 餐饮互联网营销 案例 粉丝通营销 营销型b2b网站 网络安全宣传单内容 网御网络安全管理平台 加强网络安全培训 网站制定 网络安全纪录片 代办信息安全服务资质 互动营销型网站建设 网络安全检测方案 中国网络信息安全法 加家集是什么营销软营销理论 常用的网络安全协议 2014全球网络安全事件 营销全套推广软件 南昌网络营销课程 无锡品牌网站建设 网络信息安全的公司排名 无锡品牌网站建设 微信移动网站建设 国际著名信息安全专家观点简介 营销活动方案 影音微营销 聊城网站制作价格 网络营销 工作室 手机派网站 手机派网站 中兴信息安全电话 太原网站优化 中国网络信息安全法 如何做好外贸网络营销 苏州高端网站制作 网络安全案例及其分析 网络安全密钥怎么破解 公司网站域名是什么 企业网站制作设计 微营销案例 青少年维护网络安全 信息安全机构的资质认证 传统营销模式的优点 网络安全问题的文章 微博新号营销 网络营销公司机构排名 网络与信息安全 ppt 计算机网络安全的访问控制技术主要有基于 网络营销有哪些劣势 天津网站设计 大华 网络安全 南昌网络营销课程 网站设计佛山顺德 南宁网站建设找哪家 公司网站域名是什么 2014全球网络安全事件 2014全球网络安全事件 传统营销模式的优点 网络营销 工作室 大华 网络安全 病毒营销的发展趋势 深圳品牌营销案例 公司网站与营销网站 信息安全等级保护工作会议 深圳网站建设设计 wpa个人2网络安全密钥是什么 网络营销带来的利与弊 提高网络安全意识建议 网络营销策划成功案例 石家庄网络安全公司 灵动网站建设 代办信息安全服务资质 综合营销软件 学互联网营销有用吗 网络安全和信息办公室 社会化内容营销案例 自己建立的网站 免费创建网站 自己站网站 一个完整的信息安全保障体系包括 微信移动网站建设 网络安全检测方案 如何做好外贸网络营销 影音微营销 微网站 12306信息安全事件追寻,-1 关键基础信息安全评估 线条类网站 天津网站设计 深圳网站建设设计 合天网络安全实验室 餐饮互联网营销 案例 营销培训学院招聘 科研 信息安全,-1 深圳网站建设流程 信息安全领域cia 网络安全产品选型 国外信息安全博士 网站打开速度优化重庆南川网站制作公司哪家专业 武汉 网络整合营销 成都市信息安全企业 微博新号营销 一个完整的信息安全保障体系包括 公司网站与营销网站 营销型网站要多少钱 网络安全博览会地点 公共信息网络安全监管 网站制定 南和邢台网站制作 成都网络整合营销服务 信息通信网络与信息安全规划 体系内营销 计算机网络安全的访问控制技术主要有基于 广州手机网站开发报价 全国公安机关网络安全 上海营销公司有哪些 淘营销首页 营销网站的筛选 网络营销在我国的发展现状 东莞南城网站建设 网络安全检测方案 公共信息网络安全监管 企业网络安全是什么 全国公安机关网络安全 聊城网站制作价格 昆明网站建设价目表 网络营销公司机构排名 网站建设吗 目前国家信息安全形式