Modal
Basic Modal Example 1
Basic Modal Example 2
Kode:
<div class="container">
<h3>Basic Modal Example 1</h3>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-default btn-lg"
data-toggle="modal" data-target="#myModal1">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal1" role="dialog" style="display: none;" aria-hidden="true">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="display: block;">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p><img src="https://lms.fels.dk/pluginfile.php/266901/course/section/13596/Tekniske-vejledninger1600x400.jpg?time=1625664399918"
alt="" role="presentation" class="img-responsive atto_image_button_text-bottom" width="100%" height="auto"><br></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<br>
<div
class="container">
<h4>Basic Modal Example 2</h4>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-default btn-sm"
data-toggle="modal" data-target="#myModal2">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal2" role="dialog" style="display: none;" aria-hidden="true">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="display: block;">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Titel på modalen</h4>
</div>
<div class="modal-body">
<p>Her kan der skrives tekst</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>