-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (91 loc) · 4.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello word!</title>
<link href="前端框架学习/css/bootstarp.css" rel="bootstarp.css "/>
<link rel="stylesheet" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<style type="text/css">
body{
background:yellow;
}
#r{
height: 150px;
font-family: "微软雅黑";
text-align: center;
background-color: blue;
position: relative;
top: 0px;
}
</style>
</head>
<body>
<div class="container">
<h1 class="page-header"></h1>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">项目一</a>
<ul class="nav">
<li><a href="#">产品</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">下载</a></li>
<li><a href="#">文件</a></li>
<li><a href="#">支持</a></li>
<li><a href="#">博客</a></li>
</ul>
<form class="navbar-search">
<input type="text" class="search-query"/>
</form>
<ul class="nav pull-right">
<li><a href="#">登录</a></li>
<li class="divider-vertical"></li>
<li><a href="#">注册</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div id="r">
<h1>Hello,word1</h1>
<h3>这是一个Bootstrap的测试页面，通过BS前端框架，可以快速美化用户界面</h3>
</div>
<div class="row-fluid">
<div class="span4">
<h2 class="page-header">Inline Editing</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
<div class="span4">
<h2 class="page-header">Easy to Install</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
<div class="span4">
<h2 class="page-header">Fully Responsive</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<h2 class="page-header">Inline Editing</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
<div class="span4">
<h2 class="page-header">Easy to Install</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
<div class="span4">
<h2 class="page-header">Fully Responsive</h2>
<p>Lorm ipsum dolor sit amet,conscetetur adipiscing elit. Nulla nibh eat,saqittia sit amet conscetetur a,rhoncua diqnissim liqula. Curabitur at neque eqet quam accumsan vestibulum.Maecenas facilisis cellus tellus quis nisl facilisis eqet mollis lectus feuqiat.Etiam pharetra mattis ulterices.In ac mi metus,ac pharetra ipsum.Aenean imperdiet sem purus.</p>
</div>
</div>
</div>
<footer>
<p><small>©张晨</small></p>
<p>学号：201713013068 </p>
</footer>
</body>
</html>