Bootstrap Modals and Dropdowns

.modal # modal container
.modal-dialog # modal dialog wrapper
.modal-content # modal content
.modal-header # modal header
.modal-body # modal body
.modal-footer # modal footer

.modal-sm # small modal
.modal-lg # large modal
.modal-xl # extra large modal
.modal-fullscreen # fullscreen modal

data-bs-toggle="modal" # trigger attribute
data-bs-target="#myModal" # target modal ID

.dropdown # dropdown container
.dropdown-toggle # dropdown button
.dropdown-menu # dropdown menu
.dropdown-item # dropdown item
.dropdown-divider # divider line

.dropup # open upward
.dropend # open to right
.dropstart # open to left