Difference between revisions of "Team:Stockholm/test2"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
+
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
</head>
 
</head>
−
 
 
<body>
 
<body>
  
−
<div class="panel-group">
+
<div class="container">
−
  <div class="panel panel-default">
+
  <h2>Collapsible Panel</h2>
−
    <div class="panel-heading">
+
  <div class="panel-group">
−
      <h4 class="panel-title">
+
    <div class="panel panel-default">
−
        <a data-toggle="collapse" href="#collapse1">Collapsible list group</a>
+
      <div class="panel-heading">
−
      </h4>
+
        <h4 class="panel-title">
−
    </div>
+
          <a data-toggle="collapse" href="#collapse1">Collapsible panel</a>
−
    <div id="collapse1" class="panel-collapse collapse">
+
        </h4>
−
      <ul class="list-group">
+
      </div>
−
         <li class="list-group-item">One</li>
+
      <div id="collapse1" class="panel-collapse collapse">
−
         <li class="list-group-item">Two</li>
+
         <div class="panel-body">Panel Body</div>
−
        <li class="list-group-item">Three</li>
+
         <div class="panel-footer">Panel Footer</div>
−
       </ul>
+
       </div>
−
      <div class="panel-footer">Footer</div>
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
   
 
</body>
 
</body>
−
 
−
 
−
 
 
</html>
 
</html>

Revision as of 08:32, 26 August 2015

Collapsible Panel

Collapsible panel

Panel Body
Panel Footer