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
丹江口网站建设章丘建网站全网营销云推广信息安全课攻防实训广东省网络安全应急平台宿迁网站建设信息安全专业知识2015年网络安全大事记网站步骤北大青岛网络营销世界上存在着万千恶欲,负灵就诞生于这些恶欲之中。 上古之时有一种职业,名为猎灵士。猎灵士的职责是控制世界的恶欲和消灭负灵。 范陌就阴差阳错的成为了一名现代猎灵士。 “好吧,既然成了猎灵士,我会尽力让这光怪陆离的世界回归正常的。”被人瞧不起的平凡少年叶修因见义勇为,濒临死亡之际得上古修真传承。悲剧命运大翻身,得上古十大神剑承影剑隐匿都市,因搭救富家女陈雨墨,治病救人,悬壶济世,惩恶扬善,身边美女不断,用自己超人的打造属于自己的地下王国。 凭一身修为,为窥破六道轮回奥秘,探寻神秘消失的鬼修、大破苗疆巫蛊、畅游修真昆仑圣地、寻访九幽神泉、追寻崆峒印、神农鼎、大战青丘千年狐妖,得上古神龙真传。历经九重雷劫,最终达到天人合一的境界。 蓝颜玉是智族的天才,天生智力无限,精神力初始三十级。在他十三岁时,离开了智族,入了阳暮言组织的拯救者奇团,认识了妖族的小公主美琥,金刚族王子艾果……在这其中竟还有来自异族的夜墨修,他是敌是友? 在剿灭异族的过程中,花界彼岸花——慕兮月与他相识、相知、相爱。之后的几次生死之战,导致拯救者大换血,面临着土崩瓦解,蓝颜玉是否能重振拯救者奇团?在世界即将要毁灭时,他又能否拯救世界?  21世纪的是一个第一次接触魔兽争霸的业余玩家,变身绿皮兽人,掌控兽族大厅。   拥有精湛剑术的剑圣   深受萨尔信任强大的萨满祭司   战场上的他们英勇无畏,总是身先士卒,挥舞着战戟横扫敌军的牛头人酋长   行踪神秘、足智多谋的暗影猎手   何解以族长之名,踏上复兴兽族的征程未来少年穿梭异世修真世界和本世界,穷小子能否破了五代贫民代代贫的魔咒?是否能将对谁都唯唯诺诺的头颅高高抬起?尽在《超凡双界》! “一千二千千外千,千手抚云化真仙,在下云千阁弟子仇一,敢问阁下名谁”,说罢仇一将左手伏在右手之上,右手食指与中指并起向胸前指去,活像一个正在偷东西的动作。李才愣了一下, 这小偷还有詃言?随即转念一想,轻咳嗽一声清了清嗓子“花生饮料矿泉水,馒头花卷豆沙包!列车面食杂合庄弟子李世民!”直播算命只是表面,解救芸芸众生才是本意。 龙木生习得祖传医卜星象之术,替世人排忧解难,趋吉避凶。 而龙木生也利用这先天优势,开启了装逼之路。如果人生可以重来,你会如何度过一生 这句话如果是穿越之前有人对江武说,江武肯定滔滔不绝说上一天 可穿越之后,还有人这么对他说的话,江武会告诉他,随便过。 因为江武的人生可以重来无数次……妖魔乱世,鬼怪猖獗,大离皇朝动荡不安。 张韬一觉醒来,发现自己成为一名命不保夕的捉妖人。 妖魔图鉴,万物可辨。 凡是入手经过的妖魔鬼怪,都是不可多得的财富! 张韬惊喜发现,他竟然可以通过点亮妖魔图鉴,获取各种奖励... 阴冥之眼,九幽之瞳,换头术,赤霄真经,御神宝决,浮屠魔塔,九碑妖石,法相天地,长生不灭......上古圣体天骄为弥补遗憾去除心魔步入轮回,不料轮回后毫无修道天资,不甘命运,为家族复仇,终踏上属于自己的道。 后重拾因果命运,阻止界外生灵侵犯六界,拯救六界生灵,立下无主之约,成无主之界。 王富贵一觉醒来发现自己穿越到一个破落户家里,一出门还白捡了个老婆,为了养活一大家子,王富贵不得不想方设法搞钱!设计时装、建造工厂,到后来居然连手机都有了……王富贵就这么成为大夏第一号大富豪,还顺便收个皇帝做小弟!
上海营销公司 广东省网络安全应急平台 网站建设中心 网络安全审计技术 关于信息安全的资料 网络安全的关键技术有 两会 网络安全 酒店行业 互联网营销 信息安全审核员薪资,-1 植入式营销主要形式 前世今生的梦境解析咨询【www.richdady.cn】 前世记忆恢复技巧【www.richdady.cn】 脑部不清晰的心理调适【www.richdady.cn】 性压抑的情感释放咨询【www.richdady.cn】 学习成绩差的自我提升咨询【www.richdady.cn】 失业的前世因果咨询【微:qq383550880 】√转ihbwel 前世缘份的案例分享咨询【微:qq383550880 】√转ihbwel 头脑混沌【微:qq383550880 】√转ihbwel 脑部不清晰的咨询技巧【www.richdady.cn】√转ihbwel 忧郁症【www.richdady.cn】√转ihbwel 如何提高孩子的阅读兴趣?咨询【σσЗ8З55О88О√转ihbwel 前世缘份的化解方法咨询【σσЗ8З55О88О√转ihbwel 有官司的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 不爱读书的自我提升咨询【微:qq383550880 】√转ihbwel 老公家暴的原因分析【σσЗ8З55О88О√转ihbwel 什么原因意外的前世解析【www.richdady.cn】√转ihbwel 学习成绩差的自我提升咨询【微:qq383550880 】√转ihbwel 冤亲债主干扰的案例有哪些?咨询【微:qq383550880 】√转ihbwel 公司破产的环境影响咨询【微:qq383550880 】√转ihbwel 精神不振的解决方法【www.richdady.cn】√转ihbwel 路由器 网络安全 信息安全实例 网络和信息安全专业介绍 500强网络营销公司排名 网络信息安全举报信息安全指什么 大型门户网站建设 it信息安全 信息安全认证书 公司信息安全系统包括 airbnb营销模式 被黑网站 培训网站 建 网店营销策划公司 金融网站建设 武汉做网站价格 sem整合营销专家 网站怎么进入后台维护 加建网网站 营销型高端网站建设 上海企业网站 网络安全执法案例分析 网络安全技术支持学校 网络安全 演练 石材网站建设 石家庄网站设计 网络安全说明 网站制作 武汉 2015年网络安全大事记 人群营销 信息安全与通信工程 airbnb营销模式 下载免费网站模板下载安装 制作网站的要素 营销外包 两会 网络安全 中山移动网站建设公司 网络营销的营销技巧 沈阳做企业网站的公司 国家信息安全 检测 网站信息安全通报制度 网络安全审计技术 信息安全等级保护论文,-1 路由器 网络安全 全球信息安全企业排名 丹江口网站建设 网络安全执法案例分析 惠州网站开发公司 深圳信息安全企业,-1 沈阳做企业网站的公司 背景图网站 工业智能网络安全 上海网站定制公司 信息安全 linux,-1 福田网站设计 教你做网站 1号店微信营销方案 上海企业网站 网络信息安全举报信息安全指什么 网站建设中心 西城网站制作公司 win7网络安全注册表 昆明建个网站哪家便宜 大型门户网站建设 珠海集团网站建设报价 网络营销营销策略 企业免费建网站 福田网站设计 营销外包 最新网络安全动态 信息安全认证书 微博营销涉及的范围 旅行社网络营销策划书 信息安全热点事件 网站代理维护 公司信息安全系统包括 移动互联网的网络营销 济南网站制作公司报价 云南网络营销 网络营销基本内容 济南网站制作公司报价 信息安全认证书 网络安全事件报道哦啊 信息安全审核员薪资,-1 响应式网站栅格 信息安全等级保护论文,-1 昆明网站推广优化 广东省网络安全应急平台 我国的网络安全的现状分析 网站制作 武汉 平台的营销 广州做网站的公 网络安全防范技术 湖北信息安全网络技术 网络安全的关键技术有 背景图网站 机房信息安全评估报告 微网站免费制作 外贸做网站 昆明网站推广优化 赣州网站优化 2016信息安全专业排 sem整合营销专家 绵阳的网站制作公司 长沙网络营销推广 移动互联网的网络营销 国家网络安全的案例分析 网站怎么进入后台维护 免费网站推广 h5网站开发 响应式网站栅格 制作网站的要素 石家庄网站设计 sem整合营销专家 网络公司电话营销 酒店行业 互联网营销 信息安全与通信工程 鹤壁网站制作 网络安全防范技术 深圳信息安全企业,-1 信息安全实例 两会 网络安全 福清网站建设 网络营销王老吉 it信息安全 培训网站 建 赣州网站优化 营销外包 高端网站建设定制 网络安全说明 h5网站开发 信息安全的层次化特点决定了应用 分析我国网络营销现状分析 谁知道电子商务短期培训电子商务培训都有哪些网络营销课程? 许可电子邮件营销案例 win7网络安全注册表 可信网络安全