A Warm Welcome!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam repellat.

Call to action!

Modal Example




Fading Modal

Add the "fade" class to the modal container if you want the modal to fade in on open and fade out on close.




Small Modal




Large Modal




Centered Modal Example

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




Tooltip Example

Hover over me



Tooltip Example

The data-placement attribute specifies the tooltip position.

Top Bottom Left Right



Popover Example

Toggle popover



Dropdowns

Add the .dropleft class next to the dropdown menu to left-align the dropdown. Note that the caret/arrow is added automatically. Also note that we float the dropdown to the right:









Dropdowns

Add the .dropright class next to the dropdown menu to right-align the dropdown. Note that the caret/arrows is added automatically:




Split Buttons