Lightboot

CSS framework extracted from bootstrap for laying out containers, rows and columns.

Reference

https://getbootstrap.com/docs/4.4/layout/overview/

License

https://getbootstrap.com/docs/4.0/about/license/

https://github.com/twbs/bootstrap/blob/v4.0.0/LICENSE

Usage

React

import React from 'react';
import 'lightboot';

const MyExample = () => (
  <div className="container">
    <div className="row">
      <div className="col-12 col-xl-6">Col 1</div>
      <div className="col-12 col-xl-6">Col 2</div>
      <div className="col-12 col-xl-6">Col 3</div>
      <div className="col-12 col-xl-6">Col 4</div>
    </div>
  </div>
);

export default MyExample;