1.0.4 • Published 4 years ago
@mouradsamy/flexbox-grid v1.0.4
Flexbox Grid System
Responsive flexbox grid system based on Bootstrap's grid system.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
</div>
<div class="row row-cols-3">
<div></div>
<div></div>
<div></div>
</div>
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
</body>
</html>
NPM Package
https://www.npmjs.com/package/@mouradsamy/flexbox-grid
$ npm install @mouradsamy/flexbox-grid
Add this file node_modules/@mouradsamy/flexbox-grid/dist/index.min.css to your assets folder or use its reference in your bundler (webpack, gulp, grunt, ...).