twitter-bootstrap
Moduły
Szukaj…
Uwagi
Moduły wymagają bootstrap.min.js do poprawnego działania.
Więcej informacji można znaleźć tutaj: http://getbootstrap.com/javascript/#modals
Basic HTML Modal
Modal to okno dialogowe, które można wyświetlić na bieżącej stronie.
<!-- Clicking the button will open the modal window -->
<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#theModal">Open The Modal</button>
<!-- The Modal -->
<div id="theModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Text For The Modal Header</h4>
</div>
<div class="modal-body">
<p>Text for The Modal Body.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow