<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="span6">
<h3>
数据统计
</h3>
<div class="btn-group">
<button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li>
<a href="#">操作</a>
</li>
<li>
<a href="#">设置栏目</a>
</li>
<li>
<a href="#">更多设置</a>
</li>
<li class="divider">
</li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">更多选项</a>
<ul class="dropdown-menu">
<li>
<a href="#">操作</a>
</li>
<li>
<a href="#">设置栏目</a>
</li>
<li>
<a href="#">更多设置</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="span6">
<form class="form-search">
<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
</form>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<img alt="140x140" src="img/a.jpg" class="img-rounded" />
<p>
<span><strong>总任务数</strong></span>
</p>
</div>
<div class="span4">
<img alt="140x140" src="img/a.jpg" />
<p>
<span><strong>失败任务数</strong></span>
</p>
</div>
<div class="span4">
<img alt="140x140" src="img/a.jpg" />
<p>
<span><strong>成功任务数</strong></span>
</p>
</div>
</div>
<table class="table">
<thead>
<tr>
<th>
编号
</th>
<th>
产品
</th>
<th>
交付时间
</th>
<th>
状态
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
TB - Monthly
</td>
<td>
01/04/2012
</td>
<td>
Default
</td>
</tr>
<tr class="success">
<td>
1
</td>
<td>
TB - Monthly
</td>
<td>
01/04/2012
</td>
<td>
Approved
</td>
</tr>
<tr class="error">
<td>
2
</td>
<td>
TB - Monthly
</td>
<td>
02/04/2012
</td>
<td>
Declined
</td>
</tr>
<tr class="warning">
<td>
3
</td>
<td>
TB - Monthly
</td>
<td>
03/04/2012
</td>
<td>
Pending
</td>
</tr>
<tr class="info">
<td>
4
</td>
<td>
TB - Monthly
</td>
<td>
04/04/2012
</td>
<td>
Call in to confirm
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
bootstrap
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 背景:因公司项目需要,需要对app的模块信息做展示,利用bootstrap table做出的表格具有实现代码简单,...
- 一. bootstrap-全局css样式-栅格布局系统-重点难点 所有的行必须放在容器中.container或co...
- 在基于Bootstrap开发的项目中,鲜艳颜色的按钮,以及丰富的图表是很吸引人的特点,为了将这个特点发挥到极致,可...
- 模板摘要 本文分享的是一套基于Bootstrap 4的精美的响应式后台管理系统模板。它是一款流行的开源的WEB应用...
- react-boostrape-date-picker是依赖react-boostrape的 所以单独的使用这个是...