Bootstrap 4 Examples

Button Outline

Hover Rows

The .table-hover class enables a hover state (grey background on mouse over) on table rows:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Filterable Table

Type something in the input field to search the table for first names, last names or emails:


Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@mail.com
July Dooley july@greatstuff.com
Anja Ravendale a_r@test.com

Note that we start the search in tbody, to prevent filtering the table headers.

Dropdowns

The .dropdown-divider class is used to separate links inside the dropdown menu with a thin horizontal line:

Modal Example

Modal Scroll Example

Use the .modal-dialog-scrollable class to enable scrolling inside the modal.

Tooltip Example

Hover over me