导航代码模板 (asp自适应导航源码)

自己制作的，现在只弄了一个首页，后期可能添加详情页，没有css代码，js代码外链了，如不放心可以本地化。

asp自适应导航源码,自适应网站模板源码分享

诗梦自己制作

有点丑和有点乱不要在意，只是个人用来放自己喜欢的和用到的网站，源码你们创建个html文件放进去访问就可以了。

代码

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>诗梦-工具站</title>
<meta name=’keywords’ content=’诗梦,博客导航,工具导航,’>
<meta name=’description’ content=’诗梦导航站。’>
<link rel="shortcut icon" href="//m.mom1.cn/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
body{
margin: 0 auto;
text-align: center;
}
.container {
max-width: 580px;
padding: 12px;
margin: 0 auto;
}
</style>
<body>
<body style="background-image: url(https://wx2.sinaimg.cn/mw690/8c534571ly1fdmdspgc5sj20sg0hs0wu.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;">
<div class="container">
<div class="header">
<ul class="nav nav-pills pull-right" role="tablist">
<li role="presentation" class="active"><a href="/">首页</a></li>
<li role="presentation" class="active"><a href="https://www.mom1.cn/qq.html">收录</a></li>
</ul>
<h3 class="text-muted" align="left">工具导航</h3>
</div>
<hr>
<div type="button" class="btn btn-primary btn-block" id="start">公告</div><br>
<div class="alert alert-danger" role="alert" style="text-align:left;">
<span class="glyphicon glyphicon-info-sign"></span><strong>申请收录</strong><br>
有好玩的网站，请点击上面申请收录!
</div>
<a type="button" class="btn btn-primary btn-block">博客</a><br>
<a href="http://z.mom1.cn/details/1.html" type="button" class="btn btn-info btn-info">诗梦博客</a>
<a href="http://www.hackv.cn" type="button" class="btn btn-info btn-info">古韵博客</a>
<a href="https://www.qcgzxw.cn/" type="button" class="btn btn-info btn-info">小文博客</a>
<a href="http://72wo.cn" type="button" class="btn btn-info btn-info">往昔执念</a>
<a href="http://z.mom1.cn/details/acgnw.html" type="button" class="btn btn-info">次元之家</a>
<a href="http://z.mom1.cn/details/aeink.html" type="button" class="btn btn-info">墨渊博客</a>
<a href="http://www.mosq.cn/" type="button" class="btn btn-info">森七博客</a>
<a href="http://www.binglinglin.cn/" type="button" class="btn btn-info">冰凌博客</a>
<a href="http://m.mom1.cn" type="button" class="btn btn-info">引导单页</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info">网页刷新</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info">诗梦音乐</a>
<hr>
<a htef="https://www.mom1.cn" type="button" class="btn btn-primary btn-block">工具</a><br>
<a href="http://m.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info btn-info"> 等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info btn-info">等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 等待添加</a>
<hr>
<a type="button" class="btn btn-primary btn-block">友链</a><br>
<a href="https://www.mom1.cn" type="button" class="btn btn-info"> 诗梦博客</a>
<a href="http://m.mom1.cn" type="button" class="btn btn-info"> 诗梦单页</a>
<a href="http://zz.mom1.cn" type="button" class="btn btn-info"> 诗梦音乐</a>
<hr>
<a href="https://www.mom1.cn" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-credit-card"></span> 诗梦</a>
<a href="https://www.mom1.cn" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-exclamation-sign"></span> 帮助</a>
<a href="https://www.mom1.cn/qq.html" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-pencil"></span> 收录</a>
</div>
<br>
</p>
</div>
</body>
</html>