A Bootstrap 4 based grid implementing cq-prolyfill (container query polyfill) into the breakpoint logic.
With this grid you can use Bootstrap style grid classes in your html in the following form:
<link rel="https://unpkg.com/[email protected]/dist/cq-grid.min.css">
<script src="https://unpkg.com/[email protected]/cq-prolyfill.min.js"></script>
...
<div class="container-fluid">
<div class="row">
<div class="cq-col-md-12">...</div>
<div class="cq-col-md-5 cq-col-sm-8 cq-col-12">...</div>
</div>
</div>If your using this grid in a page with bootstrap 4 css, please use the addon version instead to avoid conflicts in row/container CSS:
<link rel="https://unpkg.com/[email protected]/dist/cq-grid-addon.min.css">
<script src="https://unpkg.com/[email protected]/cq-prolyfill.min.js"></script>
...
<div class="container-fluid">
<div class="row">
<div class="cq-col-md-12">...</div>
<div class="cq-col-md-5 cq-col-sm-8 cq-col-12">...</div>
</div>
</div>- Create a new issue on GitHub if you have a question, a suggestion or found a bug.
- Spread the word about this project.
We use SemVer for versioning.
- Alec Pirillo - Initial work
MIT