Clearfix
The Bootstrap clearfix class allows one to quickly clear floated content. This is desirable when you want to clear the horizontal alignment of elements and force the parent container element to wrap around its children.
Note
The term "floated content" simply refers to any elements whose float
property has been set, which results in elements being aligned horizontally.
In the Bootstrap style sheet, the clearfix
class is defined as follows:
.clearfix::after { display: block; clear: both; content: ""; }