|
HTML - Модальное окно
HTML - Модальное окно
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <!-- Dialog -->
<dialog class="modal" id="myWindowOne" role="dialog" open>
<header class="modal-header">
<h1>Dialog</h1>
</header>
<main class="modal-main">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, neque quasi. Distinctio sapiente modi, sequi libero unde blanditiis impedit sit dolorem vero deleniti facilis a debitis voluptatum. Laboriosam, nostrum sint!</p>
</main>
<footer class="modal-footer">
<button class="btn btn-close" data-action="modal-close">Close</button>
<button class="btn btn-accept" data-action="modal-accept">Accept</button>
</footer>
</dialog>
<!-- Show dialog -->
<button class="btn" data-tools="dialog" data-target="#myWindowOne">Show dialog</button> |
Ссылки по теме:
- getbootstrap.su - Модальное окно
|