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
工信部 个人信息安全网站界面宽网站主题制作台州网站优化贵阳微网站网络营销与消费者行为iphone网络安全做网站网站最近的网络安全事件网站建设seo优化公司《摩觉》原名为《千古纪法》,一个励志除魔卫道的故事。故事基于现实与虚构的结合,有天马行空,也有实事求是,更有意想不到。故事也向许多的武侠小说经典之作致敬,力求精彩而又完整,一部武者之道的新作送给大家。秦天明穿越小说世界,成为小说中一个戏份不多的反派。 系统:只要宿主你完美杀青,就能够带着本系统回到你原本的世界当龙傲天。 秦天明:简单,演反派我最在行了! 结果女主不按剧本来,开始疯狂倒贴。 秦天明:能别倒贴了吗?我只想杀青啊!男主呢?你怎么还抑郁了?!辰逸有幸穿越仙缘大陆,并与缥缈仙子生下爱的结晶小云彩。 在满是挂逼的修真世界,无法修炼的辰逸,被所有人唾弃。 唯独小云彩,对粑粑无限崇拜! 小云彩:“粑粑,我想吃炸鸡~” 辰逸:“走,去大长老爷爷那里借八珍鸡去~” 小云彩:“粑粑,我想吃蛇羹~” 辰逸:“走,去六长老爷爷那里借蛇去~” 小云彩:“粑粑,有人欺负麻麻!” 辰逸:“竟敢欺负我老婆,走,抄他家去~” 【叮~崇拜值+10、+10……+100】 【只要获得小云彩的崇拜,就可变强!】 不能修炼怎么了? 辰逸表示:我有萌娃闹翻天系统! 让宝贝女儿崇拜他,简直不要太简单! 携爱女,踏歌行,弹指间,闹翻九天十地!21世纪末期人类在经历了“姆源时代”后大部分工作已经被人工智能取代,“万灵”这款沉浸式游戏应运而生受到全球追捧。 一个在现实世界因为残疾灰心失意的年轻人终于在“万灵”中找到了心灵寄托,可谁知在新版本更新后“万灵”中的人竟再也无法回到现实,游戏中的生死同样决定了现实世界中人的生死...... 万灵之域,七国共域,战火与辉煌,魔法与热血...... 魔窟,鬼洞、深渊......越是探索越发现万灵大有隐秘,被数据表象包裹的诡谲事物下究竟隐藏着什么真相,外星文明的介入又究竟代表了什么?究竟是人类的进化还是异族的屠杀? 妄想成神的人终究要付出代价...... 爷爷是传说中的英雄, 但在一次比武中被人踢成瘸子。 爸爸是现实中的废柴, 却成功让曾经爱过的女子变成了自己的丈母娘,迎娶她女儿~~~ 还走了狗屎运,赢得比武当了船长。 我,更是放荡不羁爱自由,就是个扶不起的阿斗, 却靠着背祖传的拳谱功法,一路鬼使神差,当了国王~~~灵气复苏,天地巨变。   陆仁贾获得不知名系统。   “检测宿主符合激活条件,获得千手观音金身!”   地窟怪物,秘境异兽,深海王者轮番侵袭……   陆仁贾:“各位施主,我佛慈悲…待我南无加特林菩萨,六根清净贫铀弹,一息三千六百转,大慈大悲渡世人。”男主凌泽诞生于名门世家却不曾拥有过贵族的待遇,那一日他拜守门大爷为师,又遇绝色少女,与他们修行,习无上道法,想以凡人之躯见证问鼎苍穹的实力。 儿时从与兄长一战,杀至喋血,再到被家族追杀,加入神都学院,到成为卧底加入九宫,再到为了两大门派不惜以一已之力战十万,他年与红颜知己成亲,再到面对域外生灵入侵,不得不横跨星域,与年轻一代战至癫狂,到步入中年繁衍大道,从域主突破迈入仙人境界,但遥望远方界壁之外的生灵,为了给身后的人留下希望,不得不拿起剑加入战斗,在与仙家古地斩掉腐朽,突破界主,率领一众抵御外敌。 曾有界外大能推演时间长河,跨时空欲斩凌泽,那一日红颜伴身,一人一帝剑杀至六大天域喋血,横推古今, 当他举起那把剑的时候,人们知道在他们前面仍有天帝在守护。重生新婚夜,新娘却意图夺主角小命。 攻击力全无,自保能力,本能之下,拼命一脚,结果断了一条腿。 这下子原本打算退婚,但是却是无法退婚了....... 隔壁仙山的仙师来到唐家,对残废的唐公子说:“你骨骼惊奇,天资卓越,可托将来,继承大道!” 原本人生昏暗的唐公子,这下子在龙湖城登时名声大噪,一时间,唐家的门前车水马龙,门槛都被踢断了!!穹庐山, 两位青年仗剑而立, “今天你我二人,以登临当世剑道绝顶。本该由此一战。” “算了吧,打过又不止一次了,十年后,再等十年,你我若还在这江湖,我必然会给你一个满意的答复!” 十年后是,天源21年。 至此,江湖上人人称道的,二十一役,正式埋下伏笔。人是否真的有命运?命运谁造成?
闸北区网站建设 工控系统信息安全威胁 网络营销搜索引擎规划平台的营销 网站设计佛山顺德 成都网站设计 2017网络信息安全 网络营销的成本结构 沈阳建网站 vpn技术与网络安全案例 网络营销的历史起源 失业后如何快速找到新工作咨询【www.richdady.cn】 特殊学校的咨询技巧【www.richdady.cn】 心慌胸闷头晕的案例分享【www.richdady.cn】 前世今生的轮回转世【www.richdady.cn】 大龄剩女的婚恋规划如何制定?【www.richdady.cn】 孩子厌学的环境影响咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的案例分享咨询【企鹅383550880】√转ihbwel 改善脑部不清晰的方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婚姻生活不顺的环境影响【σσЗ8З55О88О√转ihbwel 前世今生的故事与轮回【微:qq383550880 】√转ihbwel 发育倒退的原因分析咨询【www.richdady.cn】√转ihbwel 如何应对冤亲债主的干扰咨询【www.richdady.cn】√转ihbwel 婴灵的化解仪式咨询【微:qq383550880 】√转ihbwel 前世今生的缘分如何解读?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 潜能开发与自我提升【微:qq383550880 】√转ihbwel 升迁障碍的职场晋升【企鹅383550880】√转ihbwel 婚姻生活不顺的沟通技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 通灵老师预约咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度仪式如何进行?咨询【微:qq383550880 】√转ihbwel 自闭症的治疗方法【微:qq383550880 】√转ihbwel 网络营销策划实训报告 网站建设seo优化公司 信息安全网络安全 常州网站设计 网站换模板 百科词条营销 何为信息安全二级等保 网站设计价格大概是 国家信息安全检测个人服务 网络营销的收获 国家网络安全局官网 关于计算机网络安全 网站界面宽 在美团怎么做营销 上海网络安全公司 最近的网络安全事件 建大网站 网络安全 实验 闸北区网站建设 网络安全 应急 sns营销策划案例 网络安全的专业 信息安全专业.黑客 病毒防范与网络安全做电商的网站 网站优化怎么做 最新网络营销 上海整合营销公司 网站设计手机型 北京建设网站公司 创建网站的优势 百度网盘显示网络安全风险 单位主要网络安全业务 2015工业控制网络安全态势报告 信息安全服务资质咨询公司,-1 网红 网络营销 2017网络安全竞赛 大型的营销型网站建设 山东网站优化公司 伊利网络营销 沈阳建网站 网络营销策划实训报告 做网站前 企业手机网站建设案例 达内培训 网络营销让 网站长尾词 国家信息安全检测个人服务 网络安全威胁中断 信息安全2 长沙 做网站 网络安全方案说明 医院网站建设解决方案 网络安全 应急 网站设计价格大概是 秦皇岛网站制作 长沙 做网站 网站建设程序开发 端午节软文营销广告 广州网站制作 网络营销实战课程建议 专业网络营销联系电话 信息安全服务资质咨询公司,-1 网络营销实战课程建议 网络安全 应急 网络安全采访感受 网络安全大会ppt 做专业网站 单位主要网络安全业务 企业手机网站建设案例 建大网站 网络安全案例视频教程长沙做网站品牌 开设购物网站的方案 西安模板网站建设 在美团怎么做营销 微网站定制 信息安全 资质 手机网络营销的案例 江苏网站建设机构 信息安全案例库 免费学校网站建设 何为信息安全二级等保 网站前端 网络广告营销方法有哪些 闸北区网站建设 网站设计手机型 网站主题制作 网络安全 大数据分析 广州网站制作 建大网站 建和做网站石家庄网站营销 网站主题制作 淘宝双十一的营销策略 百科词条营销 达内培训 网络营销让 淘宝双十一的营销策略 网络营销特点 上海整合营销公司 php语言的网站建设 网络安全 实验 新泰做网站 最近的网络安全事件 网站优化怎么做 网络安全的发展阶段 淄博做网站 网站换模板 北京市信息安全产业 seo网站诊断 做网站前 最新网络营销 网络安全采访感受 台州网站优化 静安区品牌网站建设 网络安全800 上海网站建设联 珠海营销型网站 推广 营销 论坛 手机网站建设 网络营销教科书 中山专业网站制作 网络营销的收获 今日头条营销是什么 静安区品牌网站建设 email网络营销的现状 信息安全专业.黑客 网络安全 实验 政府网站建设方案 2017网络信息安全 网站设计的公司 信息安全网络安全 手机网站建设 衡水网站制作公司哪家专业 长春网站优化公司 病毒防范与网络安全做电商的网站 网络营销与消费者行为 还有网站吗 达内培训 网络营销让