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
2016网络安全大会视频摄影网站在线建设网络信息安全产品网络安全重点保障单位建商城网站网页区设计网站诊断信息安全漏洞分析报告深色网站广告网络营销策划顾客对网络营销的建议【系统+末世+修仙+恶搞+无敌+爆笑】 苏依山重生之后,发现整个世界变了,凶兽横行,神祇鬼怪降临。 他却被系统诅咒,他身上的一切因果都将反转。 剑神:“我这一剑斩中他的大动脉了,必死无疑。” “为什么他还在喷血,就是不死?” 苏依山:“兄弟,看你伤得不轻,我给你来个治疗术。” “WDNMD!老子人没了!” …… 苏依山:“听说你很凶,今天你不打死我,就别想走出这道门!” 前期境界练气境、练力境、内壮境、兼修境、不息境、气变境、金身境、御气境。 一步错,步步错。从天界虐到人界,再从人界虐到地界,三界都虐完了! 被虐的粉身碎骨,体无完肤,正当万年太岁王润土想在浩淼大陆沉沦躺平的时候,女主从天而降,上去就是两个大嘴巴:躺平?不准躺平! 一让再让,一退再退,当退无可退之时,一场腥风血雨则无可避免!呐,说话要讲证据! 我区区一个宗门杂役,怎么会是全能大师呢? 还有,我只是武气六段的菜鸡,怎么可能把师兄指点成首席弟子呢? 至于那些神兽、武皇、魔教……都听命于我?我不是我没有别瞎说。 最过分的是,我一个怂包,你们竟然怀疑第一美女师姐喜欢我? 好吧,就算这些都是真的,难道我想当一条咸鱼也有错吗?盘古开天,女娲造人,后羿射日,嫦娥奔月,四大天灵,十大神兽,山海经神话本源,天上天下,唯我独尊刑警队长罗生与歹徒双双坠楼身亡,妻女重伤难治。雷电交加的暗夜里,巨大的紫黑色的手掌将罗生拽进一个光怪陆离的修仙世界。 丧失前世记忆再世为人的罗生降生于六国雄立的无尽疆土,成为秦国中州一世家的嫡长孙“罗睺”。拥有爷爷与母亲的疼爱,父亲与师傅的严厉,罗睺是所有人的骄傲! 然而,当他失去这一切的时候······当他被命运中那只巨手扼住未来的时候,他能做什么? 削此轮回永恒族大能者操纵着棋局变幻,道盟,帝君,仙域之主彼此制衡,无法齐心, 无数生灵存活于仙灵庇护下,成为仙人创造的附庸,傀儡,多少追逐长生,名利,权力的天才死在贪婪之路上! 与群仙称雄,与群魔征战,三千小世界,十万大世界。 “一世命既万世命!” 罗睺昂首穹苍,坐在那孤独的三界之主的王座上,他的手上沾满鲜血,灵魂中的每一个毛孔都是死去对手的脸! “我可以选择放弃杀戮,但是那样会让更多的人死去。” “残忍,不是掌权者的专利!” 绝对控制的力量……时间。 罗克死后,当一块三角形的岩石与他的灵魂融为一体时,他神秘地重生在了舜龙几近死去的身体里,顿时一股信息涌入了他的脑海。 他现在发现自己置身于一个神秘的世界,这里到处都是拳毁高山,剑劈大海的异常强大的修真者! 这就是舜龙在修真界的磅礴征程,他与天才斗智斗勇,成就炼丹与武道的巅峰!以完美的道构建世界。 完美的道是正是邪、是善是恶?完美的世界又是怎样一番模样?五个穿越者与少年欧阳凡辰修神,不经意中激怒黑暗势力,最后六人齐心灭了这个黑暗势力。一个驻外星小士兵,偶得可以进化的智慧程序,跨入宇宙,逐渐接触到高等级文明,打造高端武器与战舰,血战星海,播撒炎黄民族神威。 本书为纯粹的科幻,预计四百万字,没有狗血剧情,没有打脸公式,仅有不断攀升的战斗智慧与铁血勇气。皇帝倒台后,各地军阀割据,民不聊生。货郎一家五兄弟各自走上不同的道路,老大小货郎一步步逐渐做成大生意,开的分号遍及周边。鼎盛时期竟然可以自己发行小区域流通货币。 老二在家务农种田。老三更是成为一代当地名医。老四和老五分别参加了不同的对立双方,直至把枪互相。怎样抉择?敬请阅读本书
网络安全 强化培训 网络安全技术就业 工业控制网络安全态势 小米营销方式的调整 武汉做网站平阳网站制作 企业网络安全发展 海尔公司营销组合策略 网络营销方案流程 第三方人员 信息安全 全球网络安全峰会 儿子不读书的原因分析咨询【www.richdady.cn】 前世今生的故事如何影响现代生活?咨询【www.richdady.cn】 老公家暴的前世因果【www.richdady.cn】 无形干扰的前世因果【www.richdady.cn】 亲子关系的心理调适咨询【www.richdady.cn】 性压抑的前世因果【www.richdady.cn】√转ihbwel 孩子学习不好的辅导方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的重逢有何迹象?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份【微:qq383550880 】√转ihbwel 维护良好家庭关系的秘诀有哪些?【企鹅383550880】√转ihbwel 婴灵的形成原因咨询【www.richdady.cn】√转ihbwel 家庭关系的改善方法【www.richdady.cn】√转ihbwel 孩子厌学的解决方法咨询【微:qq383550880 】√转ihbwel 前世今生的故事是真的吗?【www.richdady.cn】√转ihbwel 有官司的自我保护威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何克服升迁障碍?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的故事分析【σσЗ8З55О88О√转ihbwel 事业不顺的应对策略咨询【微:qq383550880 】√转ihbwel 内心恐惧胆怯的案例分享咨询【企鹅383550880】√转ihbwel 投资项目的前世记忆咨询【σσЗ8З55О88О√转ihbwel 信息安全专业创业 盈利模式和营销推广 西安网络安全比赛 企业营销型网站有特点 搜索引擎营销 国家信息安全通知中心 网络效果营销哪家好 网络营销方案流程 it网络安全培训 2017年360信息安全竞赛 信息安全 行业资讯 国内信息安全 案例,-1 呼市网站制作 属于网络安全的内容? spark 信息安全 某某白酒进入南方市场请用4p营销理论为它制定销售策略 国外 信息安全管理 企业网络安全发展 网络安全技术培训视频 中国网络安全协会 it网络安全培训 网络信息安全产品 工业控制网络安全态势 网络安全 活动 广东省网络安全宣传周 信息安全 小技巧 网络营销方案流程 展会 网络安全相关 商网营销 信息安全等级保护大会 网络安全 培训内容 青岛营销培训学校 网络安全和信息化建设实施方案 社媒营销师 网络推广和微信营销 南京信息安全培训班 广州 网络安全新闻 网络安全 活动 网络安全 活动 网络安全销售招聘 台州网站建设青岛做网站哪家公司好 网络互动营销 思尚营销 信息安全评测 网络信息安全电信,-1 it网络安全培训 关于加强高校网络安全 信息安全漏洞分析报告 社会化网络营销的特点 海尔公司营销组合策略 信息安全运维课程,-1 信息安全特性相应的技术手段,-1 电子商务可能存在哪些不安全因素?一般可采取哪些网络安全措施 网络效果营销哪家好 微博营销劣势 无锡seo营销 苏州做网站公司 网络安全网络信息安全 网络安全 论坛 网络安全重点保障单位 简单建网站 请问大连谁家做网站 龙岗 网站建设深圳信科 信息安全有什么认证证书 第三方人员 信息安全 信息安全等级培训教程 国内比较著名的网络安全及防护论坛或网站 国家信息安全研究中心 网络安全培训班哪个好 个人网络信息安全事例 郑州网络营销外包公司排名 苏州做网站公司 信息安全用不用敲代码 第三方人员 信息安全 网络安全审计原理 网络安全报告 网络安全等级保护备案 微博营销网 武汉做网站平阳网站制作 微信营销的效果数据分析 小米公司网络营销定位 信息安全专业创业 美国 国家信息安全战略 企业网络安全发展 网络安全 活动 深圳网站建房 深圳网站建房 网络安全 强化培训 云南微营销软件 公司通过信息安全认证 广告网络营销策划 spark 信息安全 工信部信息安全协调司 2017年360信息安全竞赛 外贸最热门营销方式 东莞网站建设平台 营销有限公司 什么是全网营销 国家信息安全研究中心 信息安全等级保护大会 2017网络安全现状 网络安全销售招聘 2016网络安全大会视频 网络安全监控系统 西安网络安全比赛 信息安全 政策法规 网络安全技术就业 广东省网络安全宣传周 龙岗 网站建设深圳信科 大连 营销策划公司 昆明网络营销推广 信息安全用不用敲代码 企业营销型网站有特点 网络安全 论坛 网络安全员 无印良品营销创意 什么是全网营销 网络信息安全教学实验平台 为什么要学网络营销 郑州医疗网站建设 信息安全评测 网络安全技术培训视频 网络安全的基本目标不包括 2017年360信息安全竞赛 全球网络安全峰会 网络营销的微观因素 社媒营销师 云南微营销软件 国家信息安全通知中心 网络营销师待遇 信息安全证明 网络安全销售招聘 深圳网站建房 石家庄网站建设 石家庄网站建设