• ENG
  • 2

    Cart

  • 4

    Notification View all

    • 30-04-2024Today
      Alice Goodwin

      Fashion should be fun. It shouldn't be labelled intellectual.

    • 28-06-20241 hour ago
      Herry Venter

      I am convinced that there can be luxury in simplicity.

    • 04-08-2024Today
      Loain Deo

      I feel that things happen for open new opportunities.

    • 12-11-2024Yesterday
      Fenter Jessy

      Sometimes the simplest things are the most profound.

  • Bookmark

  • 15

  • user
    Ava Davis

    Admin

Modal

  2. Ui Kits
  3. Modal

Basic Modal

Add different types of modal with the help of data-bs-target attribute.

Sizes Modal

Set the different size of modal using .bs-example-modal-(xl,lg,sm,fullscreen).

Full Screen Modal
Extra large Modal

Fullscreen Modal

Another override is the option to pop up a modal that covers the user viewport, available via modifier classes that are placed on a .modal-dialog.

Centered Modal

Use .modal-dialog-centered to set the centered modal.

Nested Modal

To set the nested modal use the exampleTogglelabel.

Open first modal

Static Backdrop Modal

To set static backdrop , use staticBackdrop attributes.

Admiro custom modals

Custom Modal make by Admiro.

Modal 1 -Profile Modal

Example of Admiro dashboard profile card.

social

Modal 2 - Result Modal

Example of Admiro login form.

learning

Modal 3 - Balance Modal

Example of Admiro dashboard balance card.

balance