Clearfix

Easily clear floats by adding.clearfix to 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 = () => (
    <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;