297 lines
7.6 KiB
HTML
297 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title></title>
|
||
<link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="row clearfix">
|
||
<div class="col-md-2 column">
|
||
<img alt="140x140" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/140/140/default.jpg" />
|
||
</div>
|
||
<div class="col-md-10 column">
|
||
<h3>
|
||
h3. 这是一套可视化布局系统.
|
||
</h3>
|
||
<ul class="nav nav-tabs">
|
||
<li class="active">
|
||
<a href="#">首页</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">简介</a>
|
||
</li>
|
||
<li class="disabled">
|
||
<a href="#">信息</a>
|
||
</li>
|
||
<li class="dropdown pull-right">
|
||
<a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
|
||
<ul class="dropdown-menu">
|
||
<li>
|
||
<a href="#">操作</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">设置栏目</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">更多设置</a>
|
||
</li>
|
||
<li class="divider">
|
||
</li>
|
||
<li>
|
||
<a href="#">分割线</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column">
|
||
<div class="carousel slide" id="carousel-830515">
|
||
<ol class="carousel-indicators">
|
||
<li class="active" data-slide-to="0" data-target="#carousel-830515">
|
||
</li>
|
||
<li data-slide-to="1" data-target="#carousel-830515">
|
||
</li>
|
||
<li data-slide-to="2" data-target="#carousel-830515">
|
||
</li>
|
||
</ol>
|
||
<div class="carousel-inner">
|
||
<div class="item active">
|
||
<img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/1/default.jpg" />
|
||
<div class="carousel-caption">
|
||
<h4>
|
||
First Thumbnail label
|
||
</h4>
|
||
<p>
|
||
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/2/default.jpg" />
|
||
<div class="carousel-caption">
|
||
<h4>
|
||
Second Thumbnail label
|
||
</h4>
|
||
<p>
|
||
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/3/default.jpg" />
|
||
<div class="carousel-caption">
|
||
<h4>
|
||
Third Thumbnail label
|
||
</h4>
|
||
<p>
|
||
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="left carousel-control" href="#carousel-830515" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
|
||
<a class="right carousel-control" href="#carousel-830515" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row clearfix">
|
||
<div class="col-md-8 column">
|
||
<p>
|
||
<em>Git</em> 是一个分布式的版本控制系统，最初由 <strong>Linus Torvalds</strong> 编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在 <small>Ruby</small> 社区中。
|
||
</p>
|
||
<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>
|
||
<ul class="pagination">
|
||
<li>
|
||
<a href="#">Prev</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">1</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">2</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">3</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">4</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">5</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Next</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4 column">
|
||
<ul>
|
||
<li>
|
||
Lorem ipsum dolor sit amet
|
||
</li>
|
||
<li>
|
||
Consectetur adipiscing elit
|
||
</li>
|
||
<li>
|
||
Integer molestie lorem at massa
|
||
</li>
|
||
<li>
|
||
Facilisis in pretium nisl aliquet
|
||
</li>
|
||
<li>
|
||
Nulla volutpat aliquam velit
|
||
</li>
|
||
<li>
|
||
Faucibus porta lacus fringilla vel
|
||
</li>
|
||
<li>
|
||
Aenean sit amet erat nunc
|
||
</li>
|
||
<li>
|
||
Eget porttitor lorem
|
||
</li>
|
||
</ul>
|
||
<ol>
|
||
<li>
|
||
Lorem ipsum dolor sit amet
|
||
</li>
|
||
<li>
|
||
Consectetur adipiscing elit
|
||
</li>
|
||
<li>
|
||
Integer molestie lorem at massa
|
||
</li>
|
||
<li>
|
||
Facilisis in pretium nisl aliquet
|
||
</li>
|
||
<li>
|
||
Nulla volutpat aliquam velit
|
||
</li>
|
||
<li>
|
||
Faucibus porta lacus fringilla vel
|
||
</li>
|
||
<li>
|
||
Aenean sit amet erat nunc
|
||
</li>
|
||
<li>
|
||
Eget porttitor lorem
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<div class="row clearfix">
|
||
<div class="col-md-4 column">
|
||
<p>
|
||
<em>Git</em> 是一个分布式的版本控制系统，最初由 <strong>Linus Torvalds</strong> 编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在 <small>Ruby</small> 社区中。
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4 column">
|
||
<p>
|
||
<em>Git</em> 是一个分布式的版本控制系统，最初由 <strong>Linus Torvalds</strong> 编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在 <small>Ruby</small> 社区中。
|
||
</p>
|
||
</div>
|
||
<div class="col-md-4 column">
|
||
<p>
|
||
<em>Git</em> 是一个分布式的版本控制系统，最初由 <strong>Linus Torvalds</strong> 编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在 <small>Ruby</small> 社区中。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
|
||
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
|
||
</body>
|
||
|
||
</html> |