@JoseFR try this out.
Credit goes to @BATLABOR for this I’m just doing a short write up and adding a few screenshots!
- Create new page in Pinegrow and save
- Click Page > edit code > then paste the two lines of code below into the head of the page, I placed it just before the closing tag
<script src="http://alefeuvre.github.com/foundation-grid-displayer/gd-bookmarklet.min.js"></script>
<link href="http://alefeuvre.github.com/foundation-grid-displayer/stylesheets/gd-bookmarklet.min.css" rel="stylesheet">
- Move your cursor over the top of the page you’ve created and a container appears that will allow you to select a framework, e.g. Bootstrap 3 if you are using BS 3
- Add rows, columns, etc. to your layout and enjoy your grid layer!
Screenshots:
Adding code and how it looks in PG:
Chose your framework:
Edit display of grid, colour, etc.
