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
网络 信息安全 协会信息安全的应用技术产品网络安全红线2.0计算机网络安全课程设计报告营销竞争电子产品商务网站模板2017年网络安全重要性国家网络安全管理员的认证珠海集团网站建设外包西安网站托管专业公司青岛营销型网站建设我之人生,由我做主 复仇之路不管多崎岖,一杆尖利无比的长枪,一颗勇往无前的心将会指引着我前行 一对姐妹一个生而为仙,一个生而为魔,两人被全修仙界追杀,所有人都想要将她们的先天灵气据为己有,在危难之际,她们被迫跳下了陨仙峡,变成两个婴儿落在了一个不知名的山上,被一个人捡到收为了女儿,她们一直以为他只是一个普通人,直到满界魔与仙又一次追杀她们来到这里,他没有逃只是轻轻笑了一声说:“敢打我女儿的主意,看来我已经被世人淡忘了啊!”说罢,一挥手重伤遍天仙魔“打我女儿的主意,天我都给他捅了!”武道之途,乃与天争命,逆天而行,遭天罚万劫。世间唯有九脉者,脉与天合,顺天而行,身怀天地气运,迎劫渡身,逢凶化吉。 林辰本乃天赋异禀,为天纵骄子,修途一路高歌,遍处风光。因缘偶得奇功妙诀,断脉重修。从此遭同门羞耻,宗门遗弃,兄弟背叛,处遭唾弃。 待我重回巅峰,问鼎苍穹,势必一洗前耻,傲世凌天。工欲善其事,必先利其器。 这一位面的大陆之初,便是存在着灵力之气和神兵之力两股力量。 灵力提高实力,神武提高战力。 修炼者将灵力修为分九转十二境: 感知境、淬体境、彻地境。 通天境、天王境、天灵境。 仙灵境、神灵境、圣灵境。 无界境、虚无境、乾坤境。 境界越高,越难突破。 稍有不慎,便是陨落。 则兵器共分为:地武、天武、灵武、仙武、神武五等。 其中可细分为;低级、中级、高级 则武学同样分为:地品、天品、灵品、神品 而其中也是由高到低分为:低级、中级、高级 【玄幻脑洞】+【剧情流】 燕十三穿越玄幻世界,成功觉醒神级宗门系统。 只要完成系统发布的任务,就可以获得奖励。 随着系统的挖掘,燕十三招收的弟子一个比一个惊艳。 有门派弃徒,却身负天剑之体的白宇! 有丹帝转世的丹尘! 有大帝重生的叶神! 有仙骨被挖的王昊! 有退婚流弟子,有凡人流弟子! 更有仙之巅,傲世间,有我元阳便有天的风元阳! 当无数主角模板的弟子汇聚在浩然宗,整个玄天大陆都震惊了! 众天骄:玩屁啊!潜龙榜前五十名都被浩然宗的弟子给占了。不行,我也得拜入浩然宗! 【简介无力,请移步正文!】少年偶遇流浪上神,倾囊相助,获上神青睐,步入修仙之列。拜良师,交益友,结红颜,多方相助威名显。战强敌,斩悍匪,于战乱之中晋升,于战斗之中成长。率领百万雄师征战四方,建国立业,一统修仙界,位列修仙界之主。刻苦修炼,博采众长,终跻身上神之列。护修仙界和平,战神界绝世高手,平九界之乱,成就不世之功。历劫难,成功名,九劫真神威震九界。这是一个游戏。 这是一个人人公平的游戏。 【当万物复苏时,而你却在沉睡…… 当万物沉睡时,你却重现在永恒的盛世迷梦中……】 不知是谁在Conenaridian百科辞典里写下了这句神秘的咒语,盛世界究竟是什么,人类难以预料…… 他们不知道,有的人为了拯救人类,在这个世界,血流成河…… 就是为了艺术真理的紫晶玫瑰…… 他们为了盛世,为了人世间的盛世…… 乔德的小提琴早已化作尘埃飘逝,沃安的华美矢车菊庄园却世世永恒……那里开放着盛世的花朵,还留着沃安的尸骨……路易的黑白键早已成了碎片,而他的力量最后形成了新的世界,让弗笛踏上了与命运最后交战的路程,人类无法战胜自然的意志,却毁灭了世界,创造了新的自己…… “万事万物,向光生长。”——乔德 “为了我所要追求的美,我宁愿飞蛾扑火然后死去。”——沃安 “与自己战斗,毁灭自己,创造永恒的世界。”——路易 “愿一切都如梦般消失。”——弗笛 毁灭自己,就是游戏的目的……1在渐渐步入和平的大陆上,阴谋于野心藏于不可见的黑暗中。本来应在棋盘之外的无逝,意外的卷入纷争。少年历经打磨成为锋利的刀,劈开棋盘,走向属于他自己的远方。   为了想要去到的方向,少年肩负着亲人朋友的希冀。   “在没到达尽头之前,我不会停下!” 圣灵大陆强者为尊 万千修仙门派自立 各种天才强者层出不穷 只有不断变强才能活下去!
岳阳网站建设 网络营销战略的步骤 昆明信息安全培训班,-1 石家庄企业商城版网站建设 营销建制 百度知道营销回答规律 产品网络安全红线2.0 酷黑网站 网站怎么加背景音乐 式网站 亲子关系的共同成长方法有哪些?咨询【www.richdady.cn】 存不住钱的原因分析【www.richdady.cn】 解梦的前世因果咨询【www.richdady.cn】 与女友前世咨询【www.richdady.cn】 去世的母亲的影响分析咨询【www.richdady.cn】 去世的母亲的前世缘分【企鹅383550880】√转ihbwel 内心恐惧胆怯的前世影响【σσЗ8З55О88О√转ihbwel 亲子关系【微:qq383550880 】√转ihbwel 邪灵的感应现象【企鹅383550880】√转ihbwel 冤亲债主干扰的真实案例有哪些?咨询【企鹅383550880】√转ihbwel 发育倒退的前世因果【www.richdady.cn】√转ihbwel 存不住钱的解决方法咨询【σσЗ8З55О88О√转ihbwel 如何超度婴灵?【微:qq383550880 】√转ihbwel 心特别累的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 干扰【σσЗ8З55О88О√转ihbwel 构建和谐亲子关系的方法【www.richdady.cn】√转ihbwel 邪灵的防范方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的职场策略【微:qq383550880 】√转ihbwel 缺心眼的前世因果咨询【企鹅383550880】√转ihbwel 意外的前世缘分威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网络安全审计使用场景 舆情营销网 江苏网站制作企业 邢台网站制作市场 营销建制 长沙做网站公司 信息和网络安全会议 信息安全管理的原则 关于公司的网站设计 晋城做网站 信息产业信息安全问题 北京网络安全公司 珠海网站设计信息安全的公司 安康网站建设 网站翻页 深圳手机网站建设多少钱 网络信息安全好学吗 郑州机械网站制作 网络安全周 负载均衡 立体营销北京大学网络安全专业 哈尔滨网站开发 原型图网站 珠海网站设计信息安全的公司 珠海移动网站建设费用 高端网站定制费用是多少 传统企业网络营销意义 张店做网站 h5经典营销案例 佛山用户网站建站 昆明信息安全培训班,-1 国外的app设计网站 乐平网站建设 合肥网站建设的公司 网络安全:两小时破译无线路由器pin码算法获得路由密码 信息安全等级保护政策培训教程,-1 原型图网站 营销竞争 2 电子邮件营销案例 东莞制作网站 网络营销的实践应用 电信网络与信息安全 东莞制作网站 网络安全技术应用期刊 开展网络安全 idc信息安全 军用信息安全产品 问答营销的推广流程 注册网址的网站 手机网站和pc网站 2017年网络安全大会 网络安全漏洞论坛手机模板网站 网络营销实战课程总结 h5经典营销案例 定制网站 信息安全意识动员讲话 网站搭建价格 网络和信息安全领导小组 信息安全测评机构的资质认定主要有 公需 2013 年国家信息安全专项大数据平台安全管理产品测评方案 新疆 信息安全测评 wap网站建设 长沙做网站公司 武汉网站开发公司 关于手机网络安全 网站怎么加背景音乐 晋城做网站 百度知道营销回答规律 手机网站和pc网站 网站翻页 织梦cms 网站所有的链接target属性 怎么统一修改 论坛营销的技巧 珠海哪里做网站的 关于公司的网站设计 论坛营销的技巧 网络推广网络营销软件公司 信息安全等级保护级别,-1 网络金融信息安全网址 中国联通 网络安全 网站的优势 合肥网站建设的公司 信息安全等级保护政策培训教程,-1 qq网络安全中心 深圳网站建设迅美 江苏网站制作企业 深圳手机网站建设多少钱 大数据与信息安全ppt 微网站后台 信息安全等保测评 网络安全招生 网站建设技术网站建设 南和邢台网站制作 移动互联网营销特点 北京网络安全公司 psp网络安全 网络安全监测软件 网络安全行业公司 东莞阿里网站设计 wap网站建设 网络安全周 负载均衡 2017年网络安全重要性 产品网络安全红线2.0 网站制作资讯 信息安全管理的原则 张店做网站 信息安全第一的大学 静安微信手机网站制作 网络安全行业公司 2016网络安全执法检查 织梦cms 网站所有的链接target属性 怎么统一修改 网络安全周致辞 酷黑网站 金融企业 网络安全法 易企网站建设 病毒性营销的方案 网络营销与消费者 浦东新区苏州网站建设 网站建设技术网站建设 北京旅游型网站建设 可信赖的网站建设案例 无锡网站建设 信息安全专项风险评估 信息安全cc 广东网络安全 网络营销人员能力 舆情营销网 欧盟 网络安全审查 营销型平台网站 国家网络安全局电话 珠海网站设计信息安全的公司 武汉网站开发公司 网站搭建价格 易企网站建设 网络安全月报 信息安全等级保护级别,-1 东莞 建网站