Difference between revisions of "Team:NPU-China/test"

Line 27: Line 27:
  
 
<body>
 
<body>
 +
 
<!-- Navigation -->
 
<!-- Navigation -->
 
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="top:500">
 
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="top:500">
Line 77: Line 78:
 
</nav>
 
</nav>
  
 
+
<!-- Header Carousel -->
<div id="myCarousel" class="carousel slide">
+
<header id="myCarousel" class="carousel slide">  
<!-- 轮播(Carousel)指标 -->
+
  <!-- Indicators -->
        <ol class="carousel-indicators">
+
  <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
+
    <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
+
    <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
+
  </ol>
<!-- 轮播(Carousel)项目 -->
+
 
 +
  <!-- Wrapper for slides -->
 
<div class="carousel-inner">
 
<div class="carousel-inner">
 
<div class="item active">
 
<div class="item active">
<div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
+
<img src="http://placehold.it/1920x500"  alt="First slide">
<div class="carousel-caption">标题 1</div>
+
<div class="carousel-caption">First slide</div>
 
</div>
 
</div>
 
<div class="item">
 
<div class="item">
<div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
+
<img src="http://placehold.it/1920x500"  alt="Second slide">
<div class="carousel-caption">标题 2</div>
+
<div class="carousel-caption">Second slide</div>
 
</div>
 
</div>
 
<div class="item">
 
<div class="item">
<div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
+
<img src="http://placehold.it/1920x500"  alt="Third slide">
<div class="carousel-caption">标题 3</div>
+
<div class="carousel-caption">Third slide</div>
 
</div>
 
</div>
 
</div>
 
</div>
<!-- 轮播(Carousel)导航 -->
+
 
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
+
  <!-- Controls -->  
            <span class="icon-prev"></span>
+
  <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="icon-prev"></span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="icon-next"></span> </a> </header>
        </a>
+
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
+
            <span class="icon-next"></span>
+
        </a>
+
</div>  
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
  
 
<!-- Page Content -->
 
<!-- Page Content -->

Revision as of 12:44, 5 August 2017

Nice to meet you

bulabula

bulabula?bulabula!

Learn More

bulabula

bulabula?bulabula!

Learn More

bulabula

bulabula?bulabula!

Learn More

bulabula


bulabula


Copyright © NPU-China 2017