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
邮票交易所香港回归纪念邮票生肖邮票邮票价格猴年邮票十二生肖邮票邮票吧猴年邮票纪念邮票鸡年邮票一片巨大的山岭,位于北部边界。山岭范围极大且环境恶劣至极,外加各种毒虫猛兽频频出没致使山岭之中少有人烟。但是山岭中却有世间少有的珍贵药材让其成为了一块特殊地界。如此地界本就杂乱, 勉强安稳之后却被一条是是非非的消息打破了所谓安宁!陆安被一枚神秘的戒指带到了异世界,被告知自己要去干掉一位神明。 他想努力变得更强大,却因为实力太过弱小只能作为奶爸坐镇大团后方。 可是这个奶爸后台很硬,神明眷属,至高天使,恐惧之子皆为他保驾护航。 当陆安一位自己的后台已经够硬的时候,才发现自己最硬的后台竟然是他失踪了二十多年的爹妈。林阳穿越玄幻世界,成为一个小家族的外姓子弟 无资质无背景无机缘,原以为这辈子就这么平平淡淡过去了 不曾想,觉醒了万物编辑系统。 “淬体丹”经过编辑,变成了九窍金丹! “莽牛劲”功法经过编辑,变成了神象镇狱劲! “普通的丹炉”经过编辑,变成了全自动超神炼丹炉! “瞳术”神通经过编辑变成“重瞳术”! .. 就这样,林阳靠着编辑器,从小家族进入仙门,在仙门中崛起!不知多少年后,蓦然回首,发现自己早已永生,镇压万古一觉醒来,赵然发现自己穿越了,还特么被女土匪抓去当压寨小郎君了…… 他只是想在这个异世界好好地过完这一辈子,但是他的命运早就和女土匪绑在一起了…… 走投无路的他,只能和女土匪在土匪的道路上越走越远……主角高子业本是南宋时期江南人士,因偶遇仙人指点,穿越到现代社会,开启一段不一样的旅程……异界的国度妖魔苏醒,那里即将面临生死劫难,轩辕庄就是摆脱生死劫难的寄托。轩辕庄自己在非凡经历得以砥砺成长。意外穿越大秦,成为八公子嬴子夜,觉醒神级阅读系统,只要读书就变强!只要读书就能获得无限奖励,只要读书便可入圣! 为此,嬴子夜终日闭关读书,兢兢业业,不招灾,不惹祸。 终有一日! 始皇重危,意欲东巡求长生。 墨家蠢蠢欲动。 六国余孽准备造反。 赵高意欲篡改遗诏。 …… 嬴子夜知道,这时候不能继续藏了!再藏大秦不复、自己也将被胡亥杀死! “扮猪吃虎十余年,今日本公子不藏了!” “今日,本公子以读书入圣!一剑斩天!” “传令,三千大雪龙骑军出动!” “传令,铁浮屠出动!” “……” 诸神之局,吾为棋,吾之局,众生为棋。 拥有神秘老者赠予的黑塔,拥有追寻武道之巅的决心,这一生必踏破天穹,手持天道,成为万千世界的至尊之神。他是国之重器,科研天才,国士无双! 她是国民女神,国色天香,迷倒众生。 重生到另一个世界的洛铭,激活了系统。系统给予的奖励条件为暗恋,暗恋时间越长,奖励越丰厚。 谨慎选择了自己的暗恋对象云雨蝶之后,经历五年时光,作为可控核聚变,空天航母,外骨骼机甲等高端科研项目总工程师的洛铭,载誉归来。 而他不知道的是,在不久之前,已经成为国民女神,甜美天后的云雨蝶竟然在歌手巅峰对决节目中向他表白了。 原来这个可爱的女神,也在暗恋着洛铭。 五年一别,五年暗恋,五年思念,再次相逢,这对神仙眷侣开始谱写传奇而甜蜜的人生!“居庙堂之高,则忧其民;处江湖之远,则忧其君”,庙堂、江湖,似乎是两个毫不相干的事,可天下事,便是江湖事。谁都没法逃离,谁都可以是这江湖风云之中的弄潮儿。
香港回归纪念邮票 中国邮票 纪念邮票 猴年邮票 十二生肖邮票 邮票图片 邮票价格 纪念邮票 上海邮票网 南京文交所钱币邮票交易中心 民居邮票 邮票收藏价格表 邮票市场 龙邮票 第三轮生肖邮票 大龙邮票 邮票吧 生肖邮票 邮票吧 南京文交所钱币邮票交易中心 邮票互动网 南京文交所钱币邮票交易中心 邮票网 邮票行情 欧美群迅雷下载 龙邮票 邮票图片 邮票市场 邮票互动网 上海邮票网 中国邮票价格表 世界上第一枚邮票 邮票行情 鸡年邮票 邮票行情 上海邮票网 南京文交所钱币邮票交易中心 邮票价格 奥运邮票 生肖邮票 尊神乾彪死义生三国戏说灯花落尽神级选择:我的熊猫亿点强吸血鬼骑士之危机我的选择人生时间缝隙的旧人吾名三更踏何程重生2000年一心一尘天相述诡异直播:我镇压一切恐怖九子神兵诛神武肉身横推!你管这叫亡灵法师?九州之云起龙骧龙吟一:血雨腥风世界首富说到1郑州新区搬家公司电话号码请复制到浏览器打开 刨花板价格 沙发价格 家具厂仓库物品种类 2012年最新欧式家具 石家庄桥东搬家电话 昆阳搬家公司电话 好老婆衣柜 花桥 孝贤坊 房价走势 从马桶看文化 橡木浴室柜价格 北京兴利康搬家公司 恒洁马桶是 广东货架公司 仓库服装设备 简易衣柜 容易倾斜 木质皮质结合沙发 优势 中岭小区 上海公兴搬场客服电话 蒂芙尼项链价格 自动化密集仓库 小区封闭安全性 浴室柜马桶 窗帘水波幔 玻璃料厂家 中国马桶品牌 卖货架的 拣选式货架 桂林二手房出售 深圳市超市货架 尚高浴室柜 东胜货架厂 长沙仓库货架 成都高档布艺沙发厂地址 和田小区 五金仓库工作责任 tto卫浴 莱姆森卫浴 边旗与水波怎样连接 免漆板衣柜 涂料价格 都航马桶 滁州永鑫金色春天最新房价 衣柜 家装 喷灌设备厂家 网线价格 南京菊花台房价走势 美迪加卫浴 淘宝货架 马桶上橱柜 硅藻土价格 金华衣柜 板式衣柜 窗帘水波制作方法 定做衣柜 味道 布纹板衣柜 园林景观灯具厂家 马桶的水件 铝酸盐水泥厂家 九一牧马桶 女装仓库设计方案 常州窗帘店 水波帘头边旗裁剪 深圳二手房价 梅李镇房价 上海 设计师 家具 拉门衣柜 窗帘头水波图片大全 武汉中型货架 天津浴室柜厂 中低端卫浴 科勒马桶价格 浴室柜出口 金丝楠木价格 服装仓库货架摆放方法 中山重型货架 吉利总公司电话多少 箭牌浴室柜367 带灯吗 广州仓储货架 兴城二手房 厦门 沙发床 马鞍山碧桂花园房价 二人沙发休闲 电磁炉价格 成都二手房58同城 佛山高隔间厂家 橱柜拉篮价格 北京搬家公司排名前十 旗盾浴室柜 衣柜是什么意思 二手仓库货架收购 美乐乐家具好吗 福田搬家电话 浴室柜质量问题 家具 刺鼻味道 亲亲家园二手房 修马桶漏水 钱江府房价 家用沙发 临桂房价 上折水波 箭牌卫浴价格