Difference between revisions of "Team:ZJU-China/template test1"

Line 138: Line 138:
 
     margin-bottom:20px;
 
     margin-bottom:20px;
 
}  
 
}  
 +
.B{
 +
display:none;
 +
}
 
@media screen and (max-width: 900px) {
 
@media screen and (max-width: 900px) {
 
.xwcms {display:none;}
 
.xwcms {display:none;}
 +
.A {display:none;}
 +
.B {display:block;}
 
}  
 
}  
 
@media screen and (max-width: 900px) {
 
@media screen and (max-width: 900px) {
Line 256: Line 261:
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
 
   </head>
 
   </head>
−
  <div>
+
  <div class="A">
 
   <nav class="navbar navbar-default navbar-fixed-top" id="bar">
 
   <nav class="navbar navbar-default navbar-fixed-top" id="bar">
 
   <div class="container" style="padding-top:36px;">
 
   <div class="container" style="padding-top:36px;">
Line 322: Line 327:
 
   </div><!-- /.container-fluid -->
 
   </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
 +
 +
 +
<div class="B">
 +
<nav class="navbar navbar-default" role="navigation">
 +
<div class="container-fluid">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse"
 +
data-target="#example-navbar-collapse">
 +
<span class="sr-only">切换导航</span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<a class="navbar-brand" href="#">菜鸟教程</a>
 +
</div>
 +
<div class="collapse navbar-collapse" id="example-navbar-collapse">
 +
<ul class="nav navbar-nav">
 +
<li class="active"><a href="#">iOS</a></li>
 +
<li><a href="#">SVN</a></li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
Java <b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu">
 +
<li><a href="#">jmeter</a></li>
 +
<li><a href="#">EJB</a></li>
 +
<li><a href="#">Jasper Report</a></li>
 +
<li class="divider"></li>
 +
<li><a href="#">分离的链接</a></li>
 +
<li class="divider"></li>
 +
<li><a href="#">另一个分离的链接</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
 +
</div>
 +
 +
 +
 
<div id="top" class="animated infinite bounce slow"><a href="#"><strong>Back to top</strong></a></div>
 
<div id="top" class="animated infinite bounce slow"><a href="#"><strong>Back to top</strong></a></div>
 
<div id="top2" class="animated infinite bounce slow"><p><i class="icon-chevon-up-3x"></i></p></div>
 
<div id="top2" class="animated infinite bounce slow"><p><i class="icon-chevon-up-3x"></i></p></div>

Revision as of 17:40, 18 October 2016