<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="viewport" content="wdth=device-width,initial-scale=1">
<title>BootStrap</title>
<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./4.jpg">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./4.jpg">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./4.jpg">
<link rel="apple-touch-icon-precomposed" href="./4.jpg">
<link rel="shortcut icon" href="./4.jpg">
</head>
<body>
<div class="navbar navbar-inverse ">
<div class="navbar-inner navbar-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#m">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand navbar-right" href="#">Bootstrap</a>
<div class="navbar-collapse collapse" id="m">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li ><a href="#">起步</a></li>
<li><a href="#">脚手架</a></li>
<li><a href="#">基本CSS样式</a></li>
<li><a href="#">组件</a></li>
<li><a href="#">JavaScript插件</a></li>
<li><a href="#">定制</a></li>
<li><a href="#">网站实例</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron masthead ">
<div class="container" >
<div class="row">
<div class="col-md-12 "></div>
<h1 class="text-center">Bootstrap</h1>
<p class="text-center">简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。</p>
<div class="text-center">
<a href="#" class="btn btn-primary btn-large" >下载Bootstrap</a></div>
</p>
<ul class="masthead-links list-inline text-center">
<li class="list-unstyled "><a href="#" >GitHub project</a></li>
<li class="list-unstyled"><a href="#" >案例</a></li>
<li class="list-unstyled"><a href="#" >扩展</a></li>
<li class="list-unstyled ">Version 2.3.2</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<ul>
<li class="list-unstyled text-center"><a href="#" target="_blank">Bootstrap v3 中文文档</a></li>
</ul>
</div>
</div>
<div class="container" style="margin-top: 50px">
<div class="marketing">
<h1>Bootstrap介绍。</h1>
<p class="marketing-byline">需要为爱上Bootstrap找N多理由吗? 就在眼前。</p>
<div class="row-fluid">
<div class="span4">
<img class="marketing-img" src="./1.jpg">
<h2>人人为我,我为人人。</h2>
<p>由<a href="#">@mdo</a> 和 <a href="#">@fat</a> 在Twitter工作时创建,Bootstrap使用 <a href="#">LESS CSS</a> 并用 <a href="#">Node</a> 编译,托管在 <a href="#">GitHub</a> 上,方便大家使用这一框架构建更好的web应用。</p>
</div>
<div class="span4">
<img class="marketing-img" src="./2.jpg">
<h2>任何人都可以使用。</h2>
<p>Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有 <a href="#">响应式CSS</a> 可以使用。</p>
</div>
<div class="span4">
<img class="marketing-img" src="./3.jpg">
<h2>丰富的特色。</h2>
<p>12列的响应式<a href="#">栅格结构</a>、丰富的组件、<a href="#">JavaScript插件</a>、排版、表单控件,还有 <a href="#">基于web的定制工具</a></p>
</div>
</div>
<div class="container" style="margin-top: 70px">
<h1>基于Bootstrap构建的网站。</h1>
<p class="marketing-byline">更多基于Bootstrap构建的网站列表,请访问 <a href="#" target="_blank">优站精选</a> 或者 <a href="#">看看下面的几个案例</a>。</p>
<div class="row-fluid">
<ul class="thumbnails example-sites list-inline">
<li class="span3 list-unstyled">
<a class="thumbnail" href="#" target="_blank">
<img src="https://image.youzhan.org/f/11/5f6a450fc7987ec7c64dc9fb8c9c3.png!thumb" alt="Ghost中文网">
</a>
</li>
<li class="span3 list-unstyled">
<a class="thumbnail" href="#" target="_blank">
<img src="https://image.youzhan.org/7/b4/b0c83b769aadc072d883dd6bc0bbb.png!thumb" alt="Laravel中文网">
</a>
</li>
<li class="span3 list-unstyled">
<a class="thumbnail" href="#" target="_blank">
<img src="https://image.youzhan.org/5/0e/0f6d927c5e0534b4c28306a1cd957.png!thumb" alt="Grunt中文网">
</a>
</li>
<li class="span3 list-unstyled">
<a class="thumbnail" href="#" target="_blank">
<img src="https://image.youzhan.org/3/69/de643bf4a6040b57541a46c8288c1.png!thumb" alt="BootCDN">
</a>
</li>
</ul>
</div>
</div>
</div>
<footer class="footer">
<div class="container text-center">
<p>Designed and built with all the love in the world by <a href="#" target="_blank">@mdo</a> and <a href="#">@fat</a>.</p>
<p>Code licensed under <a href="#" target="_blank">Apache License v2.0</a>, documentation under <a href="#">CC BY 3.0</a>.</p>
<p><a href="#">Glyphicons Free</a> licensed under <a href="#">CC BY 3.0</a>.</p>
<ul class="footer-links list-inline ">
<li class="list-unstyled "><a href="#">Blog</a></li>
<li class="muted list-unstyled">·</li>
<li class="list-unstyled "><a href="#">Issues</a></li>
<li class="muted list-unstyled">·</li>
<li class="list-unstyled "><a href="#">Changelog</a></li>
</ul>
</div>
</footer>
</body>
</html>