Three of the five modules that were previously accessible to users have now been upgraded, I’m left with the Template designer and Content manager to upgrade. The Image library, Form builder and Website manager were all easy to upgrade because they can stand-alone, the Template designer and Content manager are intertwined.
Bootstrap works using a flexible grid system, there can be twelve columns in a row and multiple rows, the specific size of each row and column is not fixed, it is dependent on the size of the base content div, the Template designer worked with fixed widths and either fixed or dynamic heights.
The Template designer is now going to take a step back and just block out general content areas, for example, the header area, content area and footer area, rows and columns are going to managed in the Content manager.
Before adding any content to a content area a row will need to be added, once done, content items can be placed in the row and widths set, in twelfths, the Content manager will aid with ensuring there are no more than twelve columns in a row.
Once I have these basics working and have reached my major milestone I will update the development plan with the removed features and add on additional bootstrap support for grids such as nesting, offsetting and ordering.
After all the above the end result will be better than the system that I had originally, moving some of the layout options into the Content manager means that a user will have a much easier time managing some layouts and it drastically reduces the work required by the modifier system.