Clearfix
Easily clear float
s 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;