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
网络安全展台建立个网站信息安全 国产化 打印机网络营销的政策衡水网站建设智能建网站门户网站建设方案网络安全法第二十一条网络安全法敏感字新媒体营销有哪些那是神吗? 没有人知道...... 面对着未知,有的人迈出了脚步,有的人停滞不前。 在新世界了,人们会改变吗? 有人相信,会的。 会有人去行动,去证明。 林田获得随身空间种田,春花秋月,悠然南山,坐吃山不空。 他只想过好自己的小日子,实力却不允许他低调。 什么是钱?什么是美女?呵。 当灵果风靡全世界,人人求之不得之时,灵果制造商躺在摇椅上悠然撸猫,岁月静好。 然而,当危机降临到他在乎的人身上,要战,便战! 公元前228年秦军兵临易水,燕国告急,燕太子丹召开武林大会,推选刺秦使者。身为刺秦使者的秦天雨得妻子皓月公主劝导,为了天下一统大和,转身变成护秦人,致使荆轲刺秦失败,自己也招来杀身之祸。燕二公子为制造混乱,散布谣言,致使秦王政要诛杀六国贵族的三千后裔,徐福为救三千孩童,谎称海外寻访仙丹带领三千孩童东渡。秦天雨之子秦风逃到东胡,秉承父志维护和平,揭发了东胡人制造匈奴与大秦战争的诡计,秦风逃避东胡人追杀,也逃到了东瀛,得遇鬼谷子,学得上乘武功,又重遇亲弟。兄弟二人重回中原报父仇,除奸恶,东瀛人来中原本意是帮秦风报大仇,却贪恋中原大好河山,趁楚汉相争之际侵略中原,秦风如何罢止楚汉内战,一致对外。力拔山盖,不可一世的项羽又为何败给了刘邦,项羽为何不划江而治,秦风为何不一统天下,成为天下共主,而宁愿选择隐居世外桃源…男护士转生异世界,竟然被职业评定选择成了最稀有职业-男性圣职者?本来以为可以在异界享受人生,迎娶公主,走上巅峰,没想到卷王居然就在我身边?内卷什么的之前已经受够了!为了对抗内卷,全都点了治愈,男圣职者平凡而又非凡的异世界生活,从现在开始!杀猪匠不杀五指之猪,守村人不守有庙之村,风水师不点血龙宝地,接生婆的手必须用公鸡血清洗,世间360行,行行有行规【系统+记者+内幕曝光】   不知什么时候,媒体报道只在意噱头和热度,却无人关心真相。   陈牧穿越平行时空,成为一位独立记者。   特立独行的选择站在真相那一边。   网红奶茶店每天排长队。   陈牧报道:“某网红奶茶店为节约成本,长期使用过期牛奶,现已有多位受害者住院,奶茶店生意却每日爆满。”   某流量小生事业蒸蒸日上。   陈牧报道:“当红流量已为三孩爸,却和漂亮粉丝牵连不清。”   某首富花大价钱为小儿子庆祝十八岁生日。   陈牧报道:“惊!首富头顶青青草原,为人养儿十八年!”   网友:“这记者能处,有事他真报啊!”死亡也许只是开始 姜清为寻找失踪的父母,来到了这所诡异的博物馆,这里存放着凶案现场的物证,每一件都是一段痛苦的回忆,但也是让这些凶案真相大白的关键。而姜清越是深入越能发觉里面隐藏的秘密……公元前275年,穰侯魏冉率秦军进逼大梁,他不知道,大梁之中一个残病之人将会改变他的命运。公元前270年,一个叫张禄的神秘人物成为秦王客卿。公元前266年,张禄成为秦相,魏冉被逐出咸阳。公元前260年,秦赵战于长平,赵军被坑45万。公元前259年,秦军包围赵都邯郸,未来的始皇帝赵政生于围城之中。公元前256年,秦灭周。冬月,未来的汉高祖刘邦生于沛。公元前255年,张禄连同他的三人组一齐被杀。[主角+反派+系统+无敌搞笑流]、[双主角+主角+反派] 主角叶小青,穿越异世界拥有的无敌升级系统,从此以后,对于他从此以后发暂,他自己要默默的卷,他叶小青要默默的努力,低调的发展,争取有一天可以惊艳所有的人,让他们为自己感到骄傲。走上人生巅峰的道路。 ,,,, 反派,林展,他就是一个恶魔在林家简直是无恶不作,无法无天。 天天就知道,坑蒙拐骗,还会仗势欺人,把年轻的林家弟子们,直接吊的打。 却自认为自己从小少年便觉得自己就潜力不凡,天资聪颖,天赋异禀,拥有的无敌之姿, 后来林展,明白了一件事情,他老爹就是一个冷血无情没有感情的人。 便想的离开,这个让少年寒心的,冰冷无情的父亲,想着去看看远方。 本少爷的征途就是那无尽的璀璨辉煌,光彩夺目的星空与大海。 ,,,,这个世界,有大妖,鬼魂,狐仙,盘古开天,女娲造人,后羿射日,精卫填海,三皇五帝,万千世界,天上天下,为我独尊
互联网营销 问题 网络安全法第二十一条 企业手机网站建设信息 网站的网络营销策略 印度 网络安全企业 收购 医院怎样进行网络营销 银行信息安全解决方案 网络营销虚拟性 广州网络安全会议 2017 大市场营销组合构成6P 头脑混沌的原因分析【www.richdady.cn】 感情纠纷的情感疏导咨询【www.richdady.cn】 投资项目的案例分享咨询【www.richdady.cn】 家庭关系咨询【www.richdady.cn】 前世今生查询服务咨询【www.richdady.cn】 灵魂化解的步骤【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 亲子关系的家庭氛围威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度方法有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的修行案例【微:qq383550880 】√转ihbwel 婴灵的感应现象咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 不爱读书的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何维护良好的家庭关系?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子不爱读书的阅读计划如何制定?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世的前世解析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校的前世影响【企鹅383550880】√转ihbwel 前世缘份的前世因果咨询【企鹅383550880】√转ihbwel 孩子学习不好的家庭教育咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 干扰对人的心理影响咨询【www.richdady.cn】√转ihbwel 莫名其妙感伤的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 商城网站建设机构 广州手机网站定制信息 国家信息安全师 公安部 专业的外贸网站建设公司 网站分析步骤 网络安全产品培训方案 企业网站多少钱 成都网站原创 上海交通大学信息安全服务技术研究实验室 网站和h5 功能性网站 解放军信息安全测评中心 西安信息安全公司排名,-1 网络安全宣传报道标题 下面不属于计算机信息安全的是_.,-1 信息安全专利 关于信息安全的 国标 基础展示营销型型网站 专业的外贸网站建设公司 网站关键词库 成都网站原创 网络安全产品培训方案 广州网络安全会议 2017 营销教育 中国网络营销环境研究现状 信息安全服务管理规范 解放军信息安全测评中心 专业的外贸网站建设公司 网络安全 请示 网络安全展台 阳谷建网站 济南信息安全管理培训,-1 免费的海外邮件营销 医院怎样进行网络营销 百度杯网络安全技术对抗赛 网站建设咨询公 医院怎样进行网络营销 网络安全法敏感字 新媒体营销有哪些 镇江网站建设价格 营销的名词珠海网站建设 营销培训讲课 大市场营销组合构成6P 如何建设好英文网站 三星网络营销策划书 网络安全 请示 微网站和微信 网络安全犯罪处罚 网站关键词库 手机网络安全证书过期 无锡手机网站制作费用 美国信息安全市场规模 保障电脑安全和信息安全的建议 义乌 外贸网站 开发 网络安全宣传报道标题 信息安全杂志有哪些,-1 营销型网站建设 信息安全 国产化 打印机 信息安全外部环境 营销型网站建设 手机网络安全证书过期 企业网站多少钱 黄晟 网络安全 网络安全度量的维度 企业网站改版升级 网络安全公司 江苏 网站分析步骤 滑动网站 承德网站制作 太原网络营销 优帮云网站模板库 如何建设好英文网站 网络安全防护2017 bitdefender网络安全 2016年网络安全政策 公安部网络和信息安全处 网络安全人才培养 网络安全网站有哪些 中小企业网站建设服务 二网络安全工作情况& 江苏君立华域信息安全技术有限公司 公司网络安全需求报告 信息安全专利 网站的网络营销策略 门户网站建设方案 信息安全杂志有哪些,-1 网站分析步骤 网络信息安全协议书 如何黑网站 网站风格 网络营销虚拟性 网络信息安全评估 网站风格 网络安全法 网络标准范畴 网络安全法第二十一条 信息安全评测师项目 广州手机网站定制信息 中国网站建设公司百强 《信息安全服务资质》安全工程一级 网络安全基础答案 网络安全科办公室 银川建网站 建网站备案 移动监控 网络安全 网络安全产品检测报告 福建信息安全就业 信息安全cip 网关 网络安全防护手段 金融行业信息安全市场 衡水网站建设 网站设计架构 网络信息安全课程报告 济南信息安全管理培训,-1 美国信息安全市场规模 顾问营销系统 注册网站 二网络安全工作情况& 免费的海外邮件营销 网络安全基础答案 微营销培训方案 注册网站 海南移动 网络安全 高端自适应网站建设 网络e营销 海南移动 网络安全 江苏 信息安全 信息安全杂志有哪些,-1 网络营销都做什么 网络安全法 网络标准范畴 公安部网络和信息安全处 佛山做网站建设 义乌网站 上海信息安全管理培训,-1 普及化营销 网络安全度量的维度 南京微信营销