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
市场营销未来规划方案系统的网络安全网络营销带来的影响网络安全责任部门微电影营销完美营销会运城做网站运城做网站中国搜索提交网站微营销案例咯做尼同学千年前一场大战力挽狂澜以一战百最后道毁身陨,神魂转世投胎,借逐渐寻回前世回忆踏上漫漫武道之路问鼎武道的至高峰. 灵异征文 “脸谱杀手”公然挑衅警方,犯下连环血案。 悬案未破,新案又接踵而来。“一冷一暖”的刑警组合,抽丝剥茧,拨开层层迷雾,智勇缉凶,展开一场场正义与邪恶的斗争。 真相的揭示,时而令人无奈,时而另藏玄机......究竟谁才是真正的罪魁祸首?还待各位看官细细品来......黑暗时代下,唯有北方星辰闪烁。 天问人间,即未实现的人间天堂。愿人间如天间,是一群可爱的人毕生追求的目标。 世间有两种能量,一种为正能,另一种为负能。正负、善恶、是非,均衡而生。 古往今来,世人皆求善大于恶,皆希望世间充满人情与温暖,但现实,总是残酷不仁。 负能,使世间出现怨。怨者,破坏世间正负能平衡,让冷漠蔓延,蚕食人心。 正能,生浩,浩者,手握光明,掌未来,与怨者相搏,使邪不胜正。 黑暗步步逼近,光明已成危巢之卵。 一场决定人间天堂还是地狱的圣战,序幕已开…… 注:本书原名《天问人间》,即《天间》,Q群:850680685异史笔录茫茫天地,亘古永存,所有生灵,不断轮回,无限延续。 忽有一日,天地变,三界崩,阴阳转,轮回断,从此世间再无轮回,直至天地毁灭.....天族小殿下惊天落难,被隐士老人古月所救,从此她身边多了一个陪伴的人,两人相互帮助、相互慰藉,两小无猜,青梅竹马,他说过长大以后要娶自己,为了能让她活着,惊天独闯龙潭虎穴寻地火,一人大战千人得阴风珠,然而命运捉弄相爱的人,应为身份差距分开。为了能见到他,为人能和他在一起。她吞地火,食阴风珠,闯地狱得寒冰神髓,过关斩将得天火,历经千辛万苦成为世界强者,她满坏欣喜的去找他,却发现他要大婚了,无数次幻想的新娘不是自己,他们会不会在一起,请看王静如的寻夫之旅,一名超级保安,帅气超群,学历一本,家境一般,但是本领超群,婉拒两位超级富女的追求,在暗物质世界,探索,获得异样的安全。根据最新研究,宇宙中有很多暗物质和暗能量,构成暗世界,它们就在我们周围,如果能进入暗世界,则会获得宇宙的更多秘密,包括地球的秘密。 据说地球已有过4次史前文明,发达程度都比目前人类高得多。 如果能进入暗世界,得知它所记录的史前文明,用于今天某国的发展,则该国必将成为巨超一流强国。 其实,有许多人非要幻想星际旅行,寻找所谓外星人,其实外星人可能就在我们附近的暗世界里,只不过从暗世界越穿到明世界,很难很难,但是比星际旅行,寻找外星人要容易得多。 宇宙间最快的速度为光速,且光速不变。有静止质量的物体达到光速,则质量为无穷大。而且根据现有天文观测,离太阳系最近的恒星比邻星距离为4.22光年,它的一颗行星可能拥有生命,适合人居住。但是人类想要到达那里,根本不可能。 皇帝统治末期,国库空虚,军中已三月无饷。商贸日益凋敝,多有囤积垄断之现象。国政松弛,军机各部亦有欠款之举,海政疲惫,几近崩溃。司法沦为铢两悉称,律令之行惟强者是瞻。全国一片凋零,百姓苦不堪言。以平民出身的议员何志明、海军巡洋舰队司令高柏加少将和备受冷落的皇族子女刘丽嘉决定起义,推翻皇帝,建立共和。与此同时,在外流浪多年、高柏加少将的孙子高楠也回国助他们一臂之力。然而革命成功三年后,“洛基之子”与“撒旦骑士团”的到来让新生的共和国摇摇欲坠...
营销渠道与营销网络 河南省信息安全对抗赛 萍乡做网站 淘宝客网站建站 信息安全ppt 信息安全渗透测试服务,-1 成都微网站 市场营销未来规划方案 建个网站 铜陵网站建设 与公婆前世的前世修行咨询【www.richdady.cn】 祖灵的存在形式咨询【www.richdady.cn】 外灵干扰的真实案例分析【www.richdady.cn】 失业的咨询技巧【www.richdady.cn】 邪灵的驱除仪式【www.richdady.cn】 外灵干扰的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子不爱读书的原因有哪些?【σσЗ8З55О88О√转ihbwel 去世的父亲在哪咨询【www.richdady.cn】√转ihbwel 存不住钱的自我提升咨询【企鹅383550880】√转ihbwel 家庭关系的情感维护咨询【σσЗ8З55О88О√转ihbwel 家庭关系的和谐共建【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 个人专属前世因果分析咨询【σσЗ8З55О88О√转ihbwel 前世老婆的识别方法咨询【σσЗ8З55О88О√转ihbwel 儿子抑郁症的咨询技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 存不住钱的心理调适【www.richdady.cn】√转ihbwel 人际沟通障碍解决【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵的预防措施【微:qq383550880 】√转ihbwel 冤亲债主的干扰与因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 升迁障碍的案例分享咨询【www.richdady.cn】√转ihbwel 家庭关系的矛盾化解方法有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网络安全主管部门检查 衡水网站建费用 怎么加入网络营销公司 网络安全程序前台界面 dcn网络安全 网络安全新闻信息 淘宝客网站建站 温州网站设计 完美营销会 网站原则 电商网站有哪些类型外贸网站的建设 房产中介网站建设 公司信息安全方法 聊城 网站建设 如何创网站 长沙专业网络营销 网络安全下的审计历史 网络安全程序前台界面 福州做网站 营销型网站案例 江苏省网络与信息安全协调小组 信息安全评测 名单 网络与信息安全课程 营销企划案 中科院信息安全所 中国搜索提交网站 2017网络安全大会上海 病毒营销教程 河南省信息安全对抗赛 海 通营销平台 网络安全设备厂商骏域网站 电商网站有哪些类型外贸网站的建设 公司信息安全方法 南昌 网络营销 婚纱摄影网站制作 基于大数据的网络安全 营销型网站建设sempk 信息安全评测 名单 电商网站开发 网络营销公司机构排名 信息安全起源 手机网站例子 企业网站管理 微电影营销 成都微网站 网站开发服务公司 植入式营销特点 医疗大数据的信息安全,-1 做个简单网站大概多少钱 成都微网站 网络与信息安全课程 全国大学生信息安全竞赛2017 快餐4p营销组合策略 搜索引擎营销工具 信息安全起源 中国搜索提交网站 房产中介网站建设 戴尔营销 专注武汉手机网站建设 网络安全培训方案 信息安全个人简历 公司信息安全方法 网络营销产品的开发 网络营销渠道的功能是 等级保护和网络安全法 网站免费注册 百分百短信营销系统 中科院信息安全所 福州做网站 婚纱摄影网站制作 品牌营销 手机网站例子 网络营销师做什么 佛山网站建设 网站被k 网络营销带来的影响 营销小常识 以下对信息安全风险 微营销案例 微营销案例 网站免费注册 信息安全起源 如何创网站 上海企业网站设计公司电话 网络安全程序前台界面 网络安全新闻信息 网络营销宏观环境包括! 网络营销人 怎么加入网络营销公司 南通动态网站建设 赵县网站建设 做个简单网站大概多少钱 微电影营销 信息安全管理主管,-1 网站原则 电商网站开发 以下对信息安全风险 品牌营销 企业网站管理 网站被k 网络安全责任部门 王者荣耀微博营销方式 怎么加入网络营销公司 如何创网站 信息网络安全答案 互联网信息安全平台 国家信息安全质量产品检测中心 桂林做手机网站设计 网络安全培训方案 衡水企业做网站 以下对信息安全风险 信息安全取证,-1 萍乡做网站 电商网站有哪些类型外贸网站的建设 信息安全会议2015 网站制作视频教程 dcn网络安全 江苏省网络与信息安全协调小组 福州做网站 南通动态网站建设 政府网络安全事件通报 广西网络信息安全峰会 戴尔营销 dcn网络安全 河南省网络安全办公室 网络安全主管部门检查 营销小常识 品牌营销 如何创网站 营销型网站案例 信息安全渗透测试服务,-1 衡水高端网站建设 移动互联营销思维 营销型网站案例 网络安全程序前台界面