Utilities

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;