Difference between revisions of "Team:Heidelberg/Modeling"

Line 2: Line 2:
 
{{Heidelberg/navbar}}
 
{{Heidelberg/navbar}}
 
<html>
 
<html>
−
<head></head>
+
<head/>
 
<body>
 
<body>
 
<div class="container">
 
<div class="container">
 
<div class="content">
 
<div class="content">
−
<div class="row">
+
<!-- Button trigger modal -->
−
<div class="col-lg-12">
+
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
−
<div class="panel panel‐default">
+
  Launch demo modal
−
<div class="panel‐heading">
+
</button>
−
<h3 class="basicheader"> TITLE </h3>
+
 
−
</div> <!-- panel-heading -->
+
<!-- Modal -->
−
<div class="panel‐body">
+
<div class="modal fade" id="myModal" tabindex="3" role="dialog" aria-labelledby="myModalLabel">
−
<div class="row">
+
  <div class="modal-dialog" role="document">
−
<div class="col-lg-12">
+
    <div class="modal-content">
−
<p class="basictext">
+
      <div class="modal-header">
−
PARAGRAPH 1
+
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
−
</p>
+
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
−
<p class="basictext">
+
      </div>
−
PARAGRAPH 2
+
      <div class="modal-body">
−
</p>
+
        ...
−
</div> <!-- col-lg-12 -->
+
      </div>
−
</div> <!-- row -->
+
      <div class="modal-footer">
−
</div> <!-- panel-body -->
+
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
−
</div> <!-- panel panel‐default -->
+
        <button type="button" class="btn btn-primary">Save changes</button>
−
</div> <!-- col-lg-12 -->
+
      </div>
−
</div> <!-- row -->
+
    </div>
−
</div> <!-- content -->
+
  </div>
−
</div> <!-- container -->
+
</div>
 +
</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:35, 2 October 2015