We have styled all Bootstrap elements just as you want!
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Click below button to see example of static modal. It will not be closed by clicking on backdrop.
You can disable backdrop by adding data-backdrop="false"
to the modal. By disabling backdrop, modal can not be closed by clicking anywhere else.
Just add bg-primary
for primary colored modal. You can use other color classes like bg-black, bg-success, bg-warning etc.
You can customize backdrop color by simply adding data-backdrop-color
attribute to .modal
. You can use primary, white, danger, black, success etc colors.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
A beautiful replacement for JavaScript alert.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.