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
市南区网站建设广州市网站网页制作公司广东信息安全服务资质咨询,-1中共中央网络信息安全办公室信息安全风险评估规...博客营销有哪些优势小红书 怎么做营销南京网络营销公司网络营销的前瞻性冀州建网站穿越洪荒,成为帝俊和东皇太一长兄。 深知后世巫妖量阶走向的道尘,当即决定带着两个小老弟,闭关太阳星,打死不踏出一步。 自此洪荒天机发生变化,妖族无主,巫族一家独大。 圣人一个脑袋两个大。 鸿钧:你出关,圣位灵宝随你挑。 洪荒大妖:求求你出关吧,巫族太凶了。 系统:宿主求求你出关吧,三清和十二祖巫,人头打出狗脑子了。 道尘:不存在的,等我再闭个十个八个元会再说。 这是一部浸透着战火硝烟的热血之作。民夫吴顶牛的无心之举,让两辆日军坦克陷入死地。二十九军某部连长任广正,正打算消灭来犯之敌,却接到帮日军推坦克的荒唐命令。坦克事件,成为任广正、邢百里和吴顶牛多年恩怨的导火线。 家国沦亡,吴顶牛和任广正先后加入到邢百里成立的救国军中去。救国军是一支最不被看好的弱小武装。吴顶牛的奇招怪招,任广正的奋勇厮杀,让救国军一步步走向辉煌的胜利。胜利带来的却是内部的分裂和敌视。任广正暗杀吴顶牛未遂,于是率部分裂叛逃,投奔国军。吴顶牛和救国军则接受了八路军的改编 1943年,新海惨案发生,黄骅被杀,谁是幕后真凶 南京沦陷后,日寇对30万中国军民展开灭绝人寰的大屠杀。渔家子弟罗小虎临危受命,保护国民党高官的女儿林菲儿撤往后方。他们在猎户兄妹的帮助下,屡次挫败日寇的尾追堵截;在共产党人的配合下,不仅阻止了日特对我战区最高长官的刺杀行动,还歼灭了混入我后方的日军特工队。 这些英雄儿女面对强大的日军特工部队,毫不退缩,与之斗智斗勇,展开了惊心动魄的暗战……段白云生来无缘仙道。 一句谣言,一朝灭门。 流落到云峰大陆的段白云机缘巧合开启了修仙之路。 他拿着万众执念的东西重回天洲,又将那东西摔落泥泞。 段白云:我就要以我废材之名告诉他们,不是什么人都能够飞升成神!一场空难,韩涛和邻座的美女流落到了未知的荒岛。没有救援,危险重重,没有见过的野兽,人迹罕至的秘境,与世隔绝的蛮族,沉没在海底的遗失文明……惊险、刺激、还有绝境中人性的善与恶,一切不可抵挡的扑面而来。 九州大陆,万国林立。   赢云穿越大秦,成为始皇第九子,并获得了咸鱼系统,只要咸鱼,就可以持续不断的获得奖励。   于是,   赢云直接咸鱼起来,默默签到,不仅获得了无数奖励,还顺利突破,成了九州唯一一尊陆地神仙!   ……   有一日,   天降金榜,盘点最强生灵。   只见,   大漠之中,赢云一剑开天门,入陆地神仙,屠数十万军,举世震惊!   帝释天:“什么?这世界上还有比我更强的人?!”   孤独求败:“杀尽仇寇,败尽英雄,平求一敌手而不可得!这赢云,值得一战!”   ……   紧接着,   天道神兵榜、天军榜等相继曝光。   神兵榜第一,圣剑轩辕,属大秦九皇子赢云!   天军榜第一,大雪龙骑,属大秦九皇子赢云!   ……   嬴政:“这是朕那咸鱼儿子?!”   ……这是一个关于已经打败最终BOSS的家伙的故事,但他并不是一个英雄。什么?赤犬想打我? 小冯啊,立马变成赤犬,拍一套赤犬猛男写真,立马发售! 雷洛斯前辈,赤犬认错了。 小冯,走,再看看谁不服,直接拍落照。 前辈,服了服了,都服了! 大家全部都在门口排队认错呢!年轻一代高人气医生,被人陷害出了重大医疗事故,无奈只能回到乡下当了一名默默无闻的小村医! 不过,是金子总会发光的! 得了魔医老仙传承,一身医术出神入化,从小山村开始,名震天下! 考研上岸的许青,终于端上了梦寐以求的铁饭碗。 只是,这个饭碗跟他想象的有点不一样,他穿越到一个刚刚亡故的捕快身上。 更是被一个身材高挑,黛眉星瞳的俊俏女捕头看中,被对方挑过去当手下。 许青原本是拒绝的。 直到他看见女捕头随随便便掰断了一根石头做的灯柱…… 女捕头:“我不喜欢勉强别人,你若不愿意跟着我便说出来。” 许青:“卑职愿意,这乃是卑职遵从内心的决定!无有半点勉强之意!”
中企网络营销顾问 自动营销器 信息安全技术 数据备份与恢复产品技术要求与测试评价方法 摄影网站建设 合肥做网站的 河北网站建设推广 市南区网站建设 网络安全入侵 信息安全部副主任,-1 做网站程序 如何改善人际关系咨询【www.richdady.cn】 婴灵的形成原因咨询【www.richdady.cn】 人际关系不好的案例分享咨询【www.richdady.cn】 孩子不爱读书的原因有哪些?咨询【www.richdady.cn】 官司的调解技巧【www.richdady.cn】 长期精神不振的原因威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的缘分如何续写?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 阴间生活的前世缘分【www.richdady.cn】√转ihbwel 财运不佳的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的轮回解析咨询【企鹅383550880】√转ihbwel 脑部不清晰的案例分享【www.richdady.cn】√转ihbwel 家宅磁场的优化技巧【www.richdady.cn】√转ihbwel 强迫症的康复训练【企鹅383550880】√转ihbwel 莫名其妙感伤的前世影响咨询【www.richdady.cn】√转ihbwel 亲子关系的家庭氛围如何营造?咨询【www.richdady.cn】√转ihbwel 迟缓儿咨询【www.richdady.cn】√转ihbwel 前世今生的轮回理论咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 婴灵、邪灵、祖灵咨询咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的情感和解【微:qq383550880 】√转ihbwel 财运不佳的案例分享咨询【σσЗ8З55О88О√转ihbwel 网络与信息安全基础 营销策划书&公司互联网站全面改版 广州市网站网页制作公司 美国网络安全宣传周 珠海高端网站制作公司 计算机网络安全等级国际标准 信息安全风险评估规... 万州做网站 如何写网站文案 网站都是每年续费的吗 众云搜索网络营销 信息安全测评资质证书 南京网络营销公司 网络广告营销广告预算 上海网络安全大会 电话营销网 网络安全 威胁 代运网站 网站域名费 网站域名费 摄影网站建设 但是网站相关内容和程序并没有建设完其次网站公司给我公司的 信息安全属于ee吗 网站建设企 尽快出台网络信息安全基本法 帽子网络营销策划方案 网络安全教程.pdf 经典营销策划案例 北京网络安全上市公司 中共中央网络信息安全办公室 网络安全法立法内容 下半年的信息安全会议 网络营销能力秀注册 网络营销方向学什么 网络安全研究方法 北京网络安全上市公司 网络安全研究方法 海尔集团品牌营销战略 网络安全重要性 flash 自动营销器 营销学培训 四川开设信息安全专业 网络安全 威胁 深圳市网络与信息安全 公司网站传图片 网站css中父级自适应高度没有子级自适应的高度高怎么解决 设计学网站 万州做网站 计算机网络安全等级国际标准 河北网站建设推广 湖南企业网站建设 政府机关信息安全 凡客 营销 免费建建网站 国家计算机网络与信息安全中心,-1 网站都是每年续费的吗 怎样创建旅游网站 学建网站 网盘建网站 设计学网站 众云搜索网络营销 信息安全技术 数据备份与恢复产品技术要求与测试评价方法 营销培训的重要性 网站建设企 网络安全法立法内容 网络广告营销优缺点 网络安全与应急管理制度 移动网络营销平台有哪些 政府机关网站制作模板信息安全等级保护修订 学建网站 全网营销方案图片 网络信息安全组织机构 北京网站开发服务 网络品牌网站建设 YY上的匿名网络安全维护是干嘛的 营销培训的重要性 从故事中看网络营销 密码信息安全测评中心 旅游网站案例 信息安全漏洞还原方法 信息安全和人工智能 上海网络安全监察部门 网站的主机 尽快出台网络信息安全基本法 下半年的信息安全会议 电话营销网 深圳市网络与信息安全 企业网络安全解决步骤 网络多媒体信息安全保密技术 微博特点与微博营销策略 网络营销方向学什么 深圳制作公司网站 但是网站相关内容和程序并没有建设完其次网站公司给我公司的 代运网站 网络安全工作室 银川网站建设 简述网络营销的内涵 视觉营销网站 信息安全漏洞还原方法 上海科技网站建设 做网站程序 5月网络安全大赛 营销型网站方案 帽子网络营销策划方案 全国网络安全办公室 做网站 深圳 营销4.0 网络安全工作室 建立网站的价格 支付宝全网营销 随州网站建设 网络营销师是做什么工作的 免费建建网站 品牌网络营销 小红书 怎么做营销 网络多媒体信息安全保密技术 网络营销能力秀注册 传式营销 聚美优品营销策略存在的问题 中企网络营销顾问 传式营销 国家计算机网络与信息安全中心,-1 网站设计建设公司 国际信息安全资讯 网站建设论坛 网站的主机 小米成功营销案例 四川开设信息安全专业 信息安全技术 数据备份与恢复产品技术要求与测试评价方法 企业网络安全解决步骤 众云搜索网络营销 计算机网络安全等级国际标准 信息技术信息安全 网站建设素材 网络安全教程.pdf