<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="bootstrap/js/html5shiv.min.js"></script>
<script src="bootstrap/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--头部导航条-->
<nav class="navbar navbar-default" id="navId">
<div class="container">
<!--响应式导航-->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--商标,图标或者名字等-->
<a class="navbar-brand" id="icoFont">
bootCDN | 又拍云
</a>
</div>
<!--导航内容-->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" id="choice">
<li><a href="">API</a></li>
<li><a href="">博客</a></li>
<li><a href="">关于</a></li>
</ul>
</div>
</div>
<div class="jumbotron" id="jumbo">
<h1>bootCDN</h1>
<p>稳定、快速、免费的前端开源项目 CDN 加速服务</p>
<small>共收录了 3000 个前端开源项目</small>
<div class="center-block input-group input-group-lg col-md-6 col-lg-6 col-sm-8 col-xs-10" id="inputDiv">
<input type="text" class="form-control" placeholder="搜索开源库,例如jquery" autofocus>
</div>
</div>
</nav>
<div class="content">
<div class="btn-group col-md-push-9 hidden-xs" role="group">
<button type="button" class="btn btn-default" disabled>选择协议:</button>
<button type="button" class="btn btn-primary">https</button>
<button type="button" class="btn btn-success">http</button>
<button type="button" class="btn btn-danger">自适应</button>
</div>
<div class="list-group">
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>bootstrap</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
The most popular front-end framework for developing responsive, mobile first projects on the web.
</p>
<span class="glyphicon glyphicon-star">110244</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>react</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">13608</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>jquery</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">631386</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>javascript</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">126086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"><strong>angular</strong></div>
<div class="col-lg-8 col-md-8 col-sm-8"><p class="hidden-xs">
React is a JavaScript library for building user interfaces.
</p>
<span class="glyphicon glyphicon-star">66086</span>
</div>
</div>
</a>
<a href="####" class="list-group-item" id="seeMore"> 查看更多项目</a>
</div>
</div>
<footer class="container-fluid">
<div class="footerWrap">
<div class="row">
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
<h3>关于 BootCDN</h3>