Difference between revisions of "Template:CIEI-BJ"

Line 67: Line 67:
 
   <!-- /.container-fluid -->  
 
   <!-- /.container-fluid -->  
 
</nav>
 
</nav>
−
<div id="mydiv1" style="position:absolute;display:none;border:1px solid silver;background:grey;">
 
−
<li><a href="https://2016.igem.org/Team:CIEI-BJ/Description#description">Description</a> </li>
 
−
 
−
 
−
</div>
 
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->  
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->  
 
<!-- This is the jquery-1.11.3.min.js part -->
 
<!-- This is the jquery-1.11.3.min.js part -->
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/jquery-1.11.3.min.js"></script>  
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/jquery-1.11.3.min.js"></script>  
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
 +
<div class="container well" id="mydiv1" style="position:absolute;display:none;border:1px solid silver;>
 +
  <div class="row">
 +
    <div class="col-lg-4 col-md-4 col-sm-6">
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading">Media heading</h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-lg-4 col-md-4 col-sm-6">
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading">Media heading</h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-lg-4 col-md-4 col-sm-6">
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading">Media heading</h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 
<script>
 
<script>
 
setTimeout(function() { $("#sideMenu").hide();}, 1000);
 
setTimeout(function() { $("#sideMenu").hide();}, 1000);

Revision as of 02:16, 3 October 2016

<Welcome to CIEI_BJ Wiki> Bootstrap Product Page Template