random commit

17-bootstrap/index.html

@@ -63,10 +63,37 @@
 				</div>
 				<div class="row">
 					<div class="col border border-primary">m</div>
-					<div class="col-8 border border-primary">n</div>
+					<div class="col-8 border border-primary">
+						<button type="button" class="btn btn-dark btn-block" data-toggle="modal" data-target="#exampleModal">
+							n
+						</button>
+					</div>
 					<div class="col border border-primary">o</div>
 				</div>
 			</div>
 		</div>
+		<!-- Button trigger modal -->
+
+
+		<!-- Modal -->
+		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+							<span aria-hidden="true">&times;</span>
+						</button>
+					</div>
+					<div class="modal-body">
+						i'm a modal
+					</div>
+					<div class="modal-footer">
+						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+						<button type="button" class="btn btn-primary">Save changes</button>
+					</div>
+				</div>
+			</div>
+		</div>
 	</body>
 </html>