Difference between revisions of "Team:NCKU Tainan/Human Practices"

Line 43: Line 43:
 
     <!--HP start from here-->
 
     <!--HP start from here-->
 
    
 
    
−
  <!-- Button trigger modal -->
+
<!-- Large modal -->
−
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>
−
  Launch demo modal
+
−
</button>
+
  
−
<!-- Modal -->
+
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
−
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+
   <div class="modal-dialog modal-lg" role="document">
−
   <div class="modal-dialog" role="document">
+
 
     <div class="modal-content">
 
     <div class="modal-content">
−
       <div class="modal-header">
+
       ...
−
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
    </div>
−
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
+
  </div>
−
      </div>
+
</div>
−
      <div class="modal-body">
+
 
−
        ...
+
<!-- Small modal -->
−
      </div>
+
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>
−
      <div class="modal-footer">
+
 
−
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
−
        <button type="button" class="btn btn-primary">Save changes</button>
+
  <div class="modal-dialog modal-sm" role="document">
−
       </div>
+
    <div class="modal-content">
 +
       ...
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 06:54, 26 July 2021



e-mail : igem.ncku.tainan@gmail.com
phone : 06-2757575