Float

The float CSS property places an element on the left or right side of its container

For responsive

add -sm, -md, -lg or -xl to class name, for example:

<div class="fr-md"></div>

.fr {
  float: right;
}

.fl {
  float: left;
}

.fn {
  float: none;
}

.clear:after {
  content: '';
  width: 100%;
  clear: both;
}

for clear, use .clear class name only