Template:Http://2013.igem.org/Team:Colombia Uniandes/Bootstrap

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
-
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js"></script>
+
 
-
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
+
Line 6,415: Line 6,414:
</head>
</head>
<body>
<body>
 +
 +
 +
<div id="myCarousel" class="carousel slide">
 +
  <ol class="carousel-indicators">
 +
    <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="2"></li>
 +
  </ol>
 +
  <!-- Carousel items -->
 +
  <div class="carousel-inner">
 +
    <div class="active item"><img src="http://i43.tinypic.com/oa4tc3.jpg"></div>
 +
    <div class="item"><img src="http://i43.tinypic.com/oa4tcg.jpg"></div>
 +
    <div class="item"><img src="http://i25.tinypic.com/2w3t382.jpg"></div>
 +
  </div>
 +
  <!-- Carousel nav -->
 +
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
</div>
 +
 +
    
    

Revision as of 05:02, 2 July 2013