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
营销网站网络信息安全包括外贸营销平台有哪些路由器网络安全设置成都网站建设公司信息安全市场中国信息安全等级保护测评中心网络安全就是信息安全青岛外贸网站建设bctf百度杯网络安全技术对抗赛一道大能分身竟最终取代了本尊。本尊妻子该如何面对?是杀夫仇人还是丈夫,同样的皮囊两个不同的灵魂,等等,是三个不同的灵魂!还有谁?一个吊儿郎当的即将被末位淘汰的特种兵。这是什么奇葩组合。这样的奇葩组合在异界,又能掀起什么狂风巨浪…… 这是一个近似未来地球的异世界。 名为“黑石”的神秘矿物能将人的情绪与欲望收割转化,为这个世界提供了近乎无穷无尽的能源。 普通人就是被无尽收割的活能源,如同“工具”和“零件”生存。 财团,高官,各种特权者们争权夺利。 而他将颠覆这个世界的规则。千年前一场大战力挽狂澜以一战百最后道毁身陨,神魂转世投胎,借逐渐寻回前世回忆踏上漫漫武道之路问鼎武道的至高峰.邵子伟参加自卫反击战自摆乌龙,误饮催情酒,艳遇黎氏慧贞,回国途中遇女兵欧阳文心,无功退伍,为解班长一家困难,先后倒卖国库劵、承包粮油加工厂、开办歌城、进入房地产、创办风投公司,先后与彭曦、方兰、金裕、向彤、孟雨欣、高岚、潘颂、顾秋燕、梁心蕊、桑雅、马文玉有感情瓜葛,得知自己患弱精症后,意外获得了乔慧的爱情,在绝望之中相认双胞胎子女,实现人生赢家。天生灵脉不通不能修炼又如何?抓住一条孽龙就是虐!十余世的轮回,一生的痴缠苦恋,究竟是为了前世的荒唐而赎罪,还是为了千年的爱恋而痴狂? 只为那双独一无二的眼眸,他心甘情愿的为之反叛仙道、颠覆魔界,走遍天涯海角,只求永世相伴。 只为那颗一成不变的真心,她无所畏惧的陪他出生入死、浪迹天涯,穿越千山万水,惟愿携手夕阳。 然而,造化弄人。原本祥和安宁的世间,却偏偏因为一个不知所以的地灵而纷乱不断。人仙魔三界中的是非恩怨,总归一个“权”字而起,一个“情”而乱,一个“痴”字而迷,一个“释”字而终。 三界本无界,不过是一花一木一世界,一树一叶一菩提,自在其中罢了!凌天穿越了,发现自己竟然夺舍了一个强大到令人闻风丧胆的魔道祖师爷。 但,开局不对啊! 自己不仅大限将至,修为暴跌,各名门正道都围攻到家门,要灭了自己; 还有自己那几位恶徒,处处设计陷害,满脑子想的都是怎么弄死自己; 系统,这如何是好?御兽时代,全民契约。 异界生灵将在100天后入侵蓝星。 前世,林秋因为防御太弱,没有熬过那百日之后的灾难。 重生的林秋,觉醒了神级御兽师天赋【大自在】,拥有了为其御兽自由加点的恐怖能力。 出于谨慎,他将自由属性点全点防御力。 一个远超想象的史诗时代出现在他面前……就像书名上写着的,你加载了危险游戏。 总之我得,在游戏正式开始前,给你个忠告。 呃,没错,说得就是屏幕前满脸不在乎的你... 在这里! 你不该相信任何人! OK!就这样... 总之不论你是谁,在哪里,请相信我,在看到这里的时候,你已经被卷入进了这场危险的游戏当中! 你可以试着回头,可以盯住屏幕,可以闭上眼睛... 但不论你怎么做,它们就藏在你身边,或许是卧室的床下面,或许是卫生间的镜子里(谁知道呢,它们的喜好向来与众不同)。 呃... 该死—— 它们发现我了! 看来我只能送你到这里,下面的路,你得靠自己走了! 还记得我最初说过的吗? 不要相信任何人! 包括... 从床底下朝你伸出手的我! 百年重生,只为重踏巅峰,剑斩苍穹,找回曾经属于自己的传说。 天下第一圣重生百年后,修无上神功,五尺青锋披荆斩棘,争霸天下。 纵死无悔修行路,战血永久不灭,让老苏带你走进璀璨瑰丽的玄幻世界,和主角一起踏上争霸之路,挥洒战血和汗水。【至尊盟:102827635,至尊盟2群:236348988天才府:184868215,微信公众号:苏月夕。】
网络安全监测与大数据 信息安全学术讲座 营销引擎 网络信息安全的公司排名 建行手机网站网址是多少钱 网络营销的过程 大数据 信息安全 建设方案,-1 网络安全国际认证证书 腾讯网络营销事件 网站的后缀 冤亲债主干扰的预防措施【www.richdady.cn】 与男友前世的识别方法咨询【www.richdady.cn】 强迫症的家庭支持【www.richdady.cn】 财运不佳的财富管理方法有哪些?【www.richdady.cn】 去世的母亲的前世故事咨询【www.richdady.cn】 发育倒退的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何避免无形干扰因素咨询【www.richdady.cn】√转ihbwel 财运不佳的财富转运【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 家庭关系的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 特殊学校的前世记忆【微:qq383550880 】√转ihbwel 家庭关系的和谐共建【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的自我提升【σσЗ8З55О88О√转ihbwel 家宅磁场的优化技巧【www.richdady.cn】√转ihbwel 去世的父亲的影响分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的父亲的前世因果咨询【www.richdady.cn】√转ihbwel 孩子压力大的前世记忆【企鹅383550880】√转ihbwel 人际关系不好时的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 特殊学校的课程设置咨询【微:qq383550880 】√转ihbwel 与男友前世咨询【企鹅383550880】√转ihbwel 我国网络安全技术 网络营销培训学院 为什么要重视网络安全 珠海企业网站建设费用 中国互联网协会网络与信息安全工作委员会 域名网站 互联网营销的方式有哪些方面 汽车网络营销方案 国外信息安全博士 上海门户网站建设 我国网络安全技术 定制版网站建设费用 三只松鼠营销策略论文 昆山苏州网站建设 大数据 信息安全 建设方案,-1 微营销案例 边界网络安全要求 深圳市网络安全员答案 网站类型重庆网站建设 网络营销培训学院 b2b营销模式 范本 企业信息安全保障体系 自适用网站的建设 营销型网站特点 全国公安机关网络安全 网站活泼 网站制作框架 淄博中企动力公司网站 网络安全 人才队伍 江苏最新网络安全 网络安全国际认证证书 网络安全产品厂商 信息安全风险管理制度 网络安全威胁的种类 bctf百度杯网络安全技术对抗赛 网站的后期维护工作一般做什么 中央小组网络安全管理 我国网络安全技术 中国信息安全等级保护测评中心 网络营销职业经理人 汽车网络营销方案 网络营销培训学院 口碑互动精准营销系统 网络信息安全的公司排名 信息安全泄密事件 为什么要重视网络安全 网站制作框架 网站活泼 网上推广营销方式 珠海企业网站建设费用 银川网站设计怎么样 网络安全框架 市场营销策略及案例分析 中国互联网协会网络与信息安全工作委员会 政府网站制作公司 个人网站怎么建立 信息安全国内知名人士 域名网站 鞍山网站制作 网络安全和信息安全 优化型网站建设 互联网营销的方式有哪些方面 珠海企业网站建设费用 网络安全法 条款解析 网站建设学费 网络安全名字 珠海移动网站建设公司排名 互联网营销服务类 e mail营销成功案例 珠海微网站 国外信息安全博士 微营销案例 上海门户网站建设 医院信息安全建设方案,-1 企业信息安全保障体系 上海门户网站建设 网络安全名字 自己建立的网站 计算机网络安全体系... 营销型网站建设定制 我国网络安全技术 网络信息安全素养 加密和解密技术对于信息安全 武汉网站优化 定制版网站建设费用 网站制作需要多少钱 信息安全市场 信息安全风险管理制度 五级网络安全 信息安全等保测评报告 为什么要重视网络安全 网络安全领导访谈 做网站群的公司 陕西 网络安全和信息化领导小组烟台网站建设联系电话 网络信息安全素养 新网站建设 微信订阅号营销 高端网站设计建设 服装网站建设 南昌网络营销课程 17年网络营销案例 国家网络信息安全中心,-1 做网站群的公司 营销型网站特点 腾讯网络营销事件 营销型网站建设定制 网站的后缀 sns网络营销的缺点 成都网站建设公司 淄博中企动力公司网站 高端网站设计建设 网络安全监测与大数据 青岛网站制作 信息安全风险管理制度 网络信息安全的公司排名 病毒性营销的目的 网络安全国际认证证书 沈阳开发网站 国家信息安全管理体系审核员 信息通信网络与信息安全规划 做网站编程 信息安全检查通报,-1全国信息安全标准化技术委员会 网络安全法 条款解析 网站布局 手机网站模板下载 腾讯网络营销事件 合肥公安部信息安全 2015中国信息安全大会 四平网站建设济南做网站公司 公司网络安全通知 信息安全国内知名人士 深圳网站建设 独 云计算与网络安全视频教程 facebook内容营销案例 2017年5月 网络安全法