Many times I see developers or functional consultants struggle with grid layouts in SharePoint. Often times this results in the use of fast libraries like Bootstrap or Foundation. You don’t want to include these libraries. Especially Bootstrap because of the CSS reset and box-sizing of all the out of the box SharePoint elements on the page.
Oké lets see, how do we make this as simple as possible under 50 rows of code…
Each column is contained within rows, which are contained within the grid. The grid is centered and set to a maximum width of 1280px. However you can edit the width without having to change anything else.
