untung99.homes: Bootstrap 5 Modal

Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: Bootstrap 5 Modal yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.

---

Modals

The Modal component is a dialog box/popup window that is displayed on top of the current
page:

Open modal

---

How To Create a Modal

The following example shows how to create a basic modal:

---

Add animation

Use the .fade class to add a fading effect when opening and closing the modal:

---

---

Modal Size

Change the size of the modal by adding the .modal-sm
class for
small modals (max-width 300px), .modal-lg class for large modals 
(max-width 800px), or .modal-xl for extra large modals 
(max-width 1140px). Default is 500px max-width.

Add the size class to the element with class .modal-dialog:

Small Modal

Large Modal

Extra Large Modal

By default, modals are “medium” in size (500px
max-width).

---

Fullscreen Modals

If you want the modal to span the whole width and height of the page, use the
.modal-fullscreen class:

Example

---

Responsive Fullscreen Modals

You can also control when the modal should be in fullscreen, with the .modal-fullscreen-*-* classes:

Class	Description	Example
.modal-fullscreen-sm-down	Fullscreen below 576px	Try it
.modal-fullscreen-md-down	Fullscreen below 768px	Try it
.modal-fullscreen-lg-down	Fullscreen below 992px	Try it
.modal-fullscreen-xl-down	Fullscreen below 1200px	Try it
.modal-fullscreen-xxl-down	Fullscreen below 1400px	Try it

---

Centered Modal

Center the modal vertically and horizontally within the page, with the .modal-dialog-centered
class:

Example

---

Scrolling Modal

When you have a lot of content inside the modal, a scrollbar is added to the page. See the examples below to understand it:

Example

However, it is possible to only scroll inside the modal, instead of the page itself, by adding .modal-dialog-scrollable to .modal-dialog: