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
西安市信息安全景县网站建设炫酷业务网站广东省网络安全宣传高峰论坛信息安全认证包括山西武汉网站建设微信营销的特点有哪些内容网站的步骤网络营销的业务流程互联网营销的流程 绝世联盟最初只是二十一世纪二十年代世界最巅峰的一款网络游戏。 一个普普通通的年轻人张自豪在这个游戏里获得了与别人不同的经历。 一切的起源竟是一件上古修真神器,让游戏世界成了试炼之地。 当然这只是开始,修仙、无限的穿越,张自豪经历过一个又一个亦真亦假的世界。 唯一不变的是互相支持的伙伴! 是为生存而勇往直前不屈不挠的信仰! 只要努力过就不该后悔! 只有看清自我才能修炼成神! 醉仙诚挚的祝各位读者马年行大运,马上有钱!!还有我!!!炒股、炒楼?办厂、开公司?太小儿科了。我来告诉你如何逆袭次贷危机,如何打赢气候战争、贸易战、金融战,什么叫能源竞争、科技竞争、大数据时代……江夜得知十天之后,克苏鲁神明将要 降临人间,血洗一切。 眼看死亡不可避免!结局已经注定! 还好他提前得到【斩神模拟器】! 可以逆天改命! 只要通过模拟器不断斩神,就能获得模拟点,兑换各种金色传说天赋,死灵之书,尸食教典仪,阿撒托斯之书,至高母神莎布.尼古拉丝…… 十天时间,一晃而过,曾经弹指可灭的蝼蚁,已经成为全宇宙最强大的创造之神! 这时诸神降临,信心满满,却震惊的发现,这个看似脆弱的人类星球,竟然居住着一尊伟岸…… 传说,宇宙中有一方宇宙人以强大的科技和大量训养的怪兽以及残暴的手段侵占适宜其生存的行星,建造庞大的宇宙帝国。 如今,已经侵占数行星的邪恶宇宙人将矛头对准了地球。 人类究竟能否开发出对付侵略者的武器,团结一心,打赢这场长期的家园守卫战呢?茫茫黑色宇宙中究竟是否能冉冉升起一颗新星? 无人知晓......天地不仁,以万物为刍狗!执棋者,以天地为棋盘,众生为棋子,身为棋子却想掀翻这棋盘,而他做的便是“要这天再也遮不住我的眼,要这地再也不能束缚我的脚步;我要踏碎凌霄放肆桀骜,我要用这铁棒打散那满天的神佛!”林耀被老头子暗中定下婚事,本想下山退婚,但当看见未婚妻本人时,他态度发生一百八十度转变:“我的媳妇,竟然是冰山女神……”叶铭获得祖上传承,不但学会绝世医术,还拥有了一双看穿万物的妙眼。 俏寡妇柳晴拉着叶铭,娇滴滴的说:“臭弟弟,姐姐不舒服,快进屋给我仔细瞧瞧。” 青龙,又称苍龙、孟章,是中国古代神话传说中的形象,为“天之四灵”之一的东方之神,对应“四象”中的“东方七宿”。 帝谕,又称帝令、八荒,是传说中法师和炼体师的尊称,为“万物之主”主宰的无上意志,统御“大千”中的“万法世界”。 李才,一个平凡、普通的年轻人,因为一颗“黑珠”踏上了辛苦的修习法术之途。他没有过多的幸运突然降临,也没有无敌的人格魅力让所有人围绕。 让我们和李才一起经历这真实、精彩的旅程吧! 神,另一空间的高级生命,能够主宰精神力和控制光波粒子。也是鬼,思想信息在他们的监视下一览无余。意识入侵,思维解析,精神控制,人类无时无刻不在被高维生命脑控着,毫无隐私可言。 上一个人类文明入侵了四维空间,战争导致了四维的塌陷,掉下来的神明进入了自己的随身空间,人类称这一方小世界为鬼镜。 千万年来,高维生命对于人类的仇恨与寂寞,让他们想与人类玩一些小小的游戏。凡事能够与看到鬼的人,都被拉入了各自的鬼镜…… 五行杂灵根的修真废物,没有老爷爷、没有逆天神器、更没有超级仙宠! 来自地球联邦,征战无数星辰的机械师林沐意外魂穿修真位面!在修真与生活完美融合的世界,看科技与灵力如何打造最为强大的仙械军团! “我一个人,就是一座仙门!
2017网络安全案例分析 上海众人网络信息安全 山东网络安全周 网站多域名 信息安全咨询 资质,-1 信息安全合规性检查 家用网络安全 福州最好的网站建设 南川网站制作 网络信息安全检查 家宅磁场咨询【www.richdady.cn】 前世老公【www.richdady.cn】 孩子学习不好的心理调适咨询【www.richdady.cn】 精神不振的咨询技巧咨询【www.richdady.cn】 感情纠纷的案例分享【www.richdady.cn】 邪灵【www.richdady.cn】√转ihbwel 头脑混沌的生活习惯咨询【www.richdady.cn】√转ihbwel 精神不振的前世因果【微:qq383550880 】√转ihbwel 如何应对冤亲债主的干扰咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰有哪些症状?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵、邪灵、祖灵咨询咨询【σσЗ8З55О88О】√转ihbwel 去世的母亲的前世记忆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的改运方法【企鹅383550880】√转ihbwel 精神不振的解决方法【企鹅383550880】√转ihbwel 心慌胸闷头晕的环境影响【微:qq383550880 】√转ihbwel 忧郁症的心理调适【www.richdady.cn】√转ihbwel 头脑混沌的原因及对策咨询【企鹅383550880】√转ihbwel 灵魂化解与心理疗愈咨询【企鹅383550880】√转ihbwel 财运不佳的自我提升咨询【σσЗ8З55О88О√转ihbwel 网络营销广告 苏州手机网站建设 上海众人网络信息安全 刮奖网站 网络营销与策划(实践) 网络信息安全检查 广东在线网站建设 广东在线网站建设 做网站是三网合一有什么优势 横向纵向网络安全防护 信息安全建设,-1 网站顶部世界各国网络安全 电商营销策略案例分析 2017年国家网络安全周活动主题 欧美风格网站设计 网络安全 审计 厦门网站开发建设 重庆南川网站制作公司推荐 南川网站制作 cc技术 信息安全 广州网站建设公司 网络营销具体指什么区别 云南网站开发 哪个学校有信息安全 广东省网络安全宣传高峰论坛 2017 英文网络营销 沈阳网站建设的公司 信息安全建设,-1 清华信息安全考研 苏州手机网站建设 信息安全合规性检查 网络营销广告 蘑菇街营销手段 电信网络安全密匙忘记 关于进一步推进市属国有企业信息安全等级保护工作的通知 网络营销的好处的坏处 学网络营销学那一块好 学网络营销学那一块好 手机网站建设动态 企业应用 移动设备丢失 如何保证信息安全 炫酷业务网站 网络营销外包协议 全网营销优点 烟台软件优化网站建设 信息安全思维导图 信息安全等级测评师培训教程(中级) 辅导资料 网络信息安全工程师认证 网络安全信息周安全 南通做网站 网络营销具体指什么区别 连网站建设 长安做网站 网店营销所带来的意义 口碑营销口碑传播 国家信息安全管理体制 国务院 信息安全 nsc 网络安全 郑州建网站 营销策划的学校 网络营销有什么证 汉邦信息安全 综合强审计监控系统 电商营销策略案例分析 什么是wifi网络安全 中国网络安全法 天津网站制作公司 营销策划的学校 电信网络安全密匙忘记 衡水企业网站制作报价 刮奖网站 2017信息安全会议 太原 信息安全等级测评师培训教程(中级) 辅导资料 沈阳网站建设的公司 信息安全研究所 信息技术与信息安全快速播放 广州网站开发 信息公司营销计划 厦门网站开发建设 2017 英文网络营销 网络安全传输 厦门信息安全教授 网站顶部世界各国网络安全 粉丝网站制作 微营销运营 汉邦信息安全 综合强审计监控系统 信息安全认证机构,-1 网络信息安全工程师认证 优秀网络营销策划书 网络安全 考研 郑州建网站 互联网信息安全案例分析网络安全符合性评测 济南外贸网站建设 成都网站设计公司哪家好网站没权重 网络安全监控有什么用 2017年国家网络安全周活动主题 信息安全可控制 案例展示在网站中的作用 网络安全专家:计算机网络安全 济南外贸网站建设 直接网络营销和间接网络营销小说网站制作 微博营销文案案例 网络营销有什么证 营销型网站怎么收费标准 浙江网络安全宣传周 南通做网站 广西南宁市网站制作公司 网络安全 迪普 网络安全从业者 2016网络信息安全重大案例分析 2014中国网络安全大会 中国密码与信息安全 信息安全管理研究包括 省网络安全厅 企业应用 移动设备丢失 如何保证信息安全 政府网络安全体系 家用网络安全 网络安全监控有什么用 帽子网络营销策划方案 山东网络安全周 网络安全实用宝典 衡水企业网站设计 互联网信息安全案例分析网络安全符合性评测 常州手机网站建设 信息公司营销计划 微电商营销策划方案 管理营销网 大型网站设计方案 营销软件是真的吗 横向纵向网络安全防护 云南网站开发 中国信息安全研究 2016信息安全报告 网络安全训练 哪个学校有信息安全 哪个学校有信息安全 深圳高端电商网站建设者