reactstrap - Clearfix

Clearfix

Easily clear floats by adding.clearfixto the parent element. Utilizes the micro clearfix as popularized by Nicolas Gallagher. Can also be used as a mixin.

...

import React from 'react';

const Example = () => {
  return (
    <div className="bg-info clearfix" style={{ padding: '.5rem' }}>
      <button className="btn btn-secondary float-left">Example Button floated left</button>
      <button className="btn btn-danger float-right">Example Button floated right</button>
    </div>
  );
};

export default Example;

Utilities