<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="span6">
<h3>
數(shù)據(jù)統(tǒng)計(jì)
</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="#">設(shè)置欄目</a>
</li>
<li>
<a href="#">更多設(shè)置</a>
</li>
<li class="divider">
</li>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">更多選項(xiàng)</a>
<ul class="dropdown-menu">
<li>
<a href="#">操作</a>
</li>
<li>
<a href="#">設(shè)置欄目</a>
</li>
<li>
<a href="#">更多設(shè)置</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>總?cè)蝿?wù)數(shù)</strong></span>
</p>
</div>
<div class="span4">
<img alt="140x140" src="img/a.jpg" />
<p>
<span><strong>失敗任務(wù)數(shù)</strong></span>
</p>
</div>
<div class="span4">
<img alt="140x140" src="img/a.jpg" />
<p>
<span><strong>成功任務(wù)數(shù)</strong></span>
</p>
</div>
</div>
<table class="table">
<thead>
<tr>
<th>
編號(hào)
</th>
<th>
產(chǎn)品
</th>
<th>
交付時(shí)間
</th>
<th>
狀態(tài)
</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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來砸泛,“玉大人,你說我怎么就攤上這事蛆封〈浇福” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵惨篱,是天一觀的道長(zhǎng)盏筐。 經(jīng)常有香客問我,道長(zhǎng)砸讳,這世上最難降的妖魔是什么琢融? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮簿寂,結(jié)果婚禮上漾抬,老公的妹妹穿的比我還像新娘。我一直安慰自己常遂,他們只是感情好纳令,可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著克胳,像睡著了一般平绩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上漠另,一...
- 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼葫录!你這毒婦竟也來了着裹?” 一聲冷哼從身側(cè)響起,我...
- 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎骇扇,沒想到半個(gè)月后摔竿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡少孝,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年继低,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片稍走。...
- 正文 年R本政府宣布狐树,位于F島的核電站焙压,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏抑钟。R本人自食惡果不足惜涯曲,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望在塔。 院中可真熱鬧幻件,春花似錦、人聲如沸蛔溃。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽城榛。三九已至揪利,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間狠持,已是汗流浹背疟位。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像正勒,于是被迫代替她去往敵國(guó)和親得院。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 背景:因公司項(xiàng)目需要章贞,需要對(duì)app的模塊信息做展示祥绞,利用bootstrap table做出的表格具有實(shí)現(xiàn)代碼簡(jiǎn)單,...
- 一. bootstrap-全局css樣式-柵格布局系統(tǒng)-重點(diǎn)難點(diǎn) 所有的行必須放在容器中.container或co...
- 在基于Bootstrap開發(fā)的項(xiàng)目中,鮮艷顏色的按鈕蜕径,以及豐富的圖表是很吸引人的特點(diǎn)两踏,為了將這個(gè)特點(diǎn)發(fā)揮到極致,可...
- 模板摘要 本文分享的是一套基于Bootstrap 4的精美的響應(yīng)式后臺(tái)管理系統(tǒng)模板兜喻。它是一款流行的開源的WEB應(yīng)用...
- react-boostrape-date-picker是依賴react-boostrape的 所以單獨(dú)的使用這個(gè)是...