Skip to content

Instantly share code, notes, and snippets.

@JocaPC

JocaPC/bootstrap-modalni-dijalog-srb.html

Last active July 7, 2020 19:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JocaPC/01fe34bf52bb6fe78e497a2e95fbd5bc to your computer and use it in GitHub Desktop.
Save JocaPC/01fe34bf52bb6fe78e497a2e95fbd5bc to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap модални дијалог
Raw
bootstrap-modalni-dijalog-srb.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap модални дијалог</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<button type="button"
class="btn btn-primary" data-toggle="modal"
data-target="#MojModalniDijalog">Отвори дијалог</button>
<div class="modal fade"
id="MojModalniDijalog"
tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Наслов дијалога</h5>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- Садржај модалног дијалога треба да се постави у овај блок -->
<p>Садржај дијалога</p>
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-secondary"
data-dismiss="modal">Затвори</button>
<button type="button"
class="btn btn-primary">Сними</button>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment