To render a grid layout you can just use
@Html.GetGridHtml(Model.Content, "propertyAlias", "bootstrap3")
but bootstrap 4 is a thing now and I'd like to use
@Html.GetGridHtml(Model.Content, "propertyAlias", "bootstrap4") but I don't know how or if there is already an implementation of the bootstrap 4 grid. My current project uses bootstrap 4 too.
Thanks for the response.
I have taken a look at the html classes for the bootstrap 3 and 4 grids and I think they're identical. So I think, the default bootstrap 3 included in umbraco is compatible with bootstrap 4.
Bootstrap 4 with Grid Layout
To render a grid layout you can just use @Html.GetGridHtml(Model.Content, "propertyAlias", "bootstrap3")
but bootstrap 4 is a thing now and I'd like to use
@Html.GetGridHtml(Model.Content, "propertyAlias", "bootstrap4") but I don't know how or if there is already an implementation of the bootstrap 4 grid. My current project uses bootstrap 4 too.
Hi Uchenna,
Wlcome to our :) I totally agree that it would be fantastic if we also would support Bootstrap 4.
What you can do for now is create your own custom grid rendering files so you can use Bootstrap 4.
Have a look at the documentation here how to create your custom grid rendering files
https://our.umbraco.org/documentation/Getting-Started/Backoffice/Property-Editors/Built-in-Property-Editors/Grid-Layout/Render-Grid-In-Template#render-grid-in-template
Hope this helps,
/Dennis
Thanks for the response. I have taken a look at the html classes for the bootstrap 3 and 4 grids and I think they're identical. So I think, the default bootstrap 3 included in umbraco is compatible with bootstrap 4.
https://getbootstrap.com/docs/4.0/layout/grid/
https://getbootstrap.com/docs/3.3/css/#grid-options
Am I correct in assuming this or is there something I'm missing?
Hi Uchenna,
You can indeed use the Bootstrap 3 renderer with Bootstrap 4 - i have done that for quite a number of sites.. ;)
As Dennis stated you can also make your own renderer if you wish to use some of the new features in Bootstrap 4 or make some other custom changes.. ;)
/ulrich
is working on a reply...