By default the files that render the grid in umbraco do so using the bootstrap3 style.
you will need to make Bootstrap4 versions of these files.
In general this means taking copies of the bootstrap3.cshtml and bootstrap3-fluid.cshtml files from views/partials/grid and making bootstrap4 versions of them.
You will need to tidy up the grid html a little to get it working with Bootstrap4 - the main issue I've seen is bootstrap 4 doesn't like divs or anything between the <div class="container"> and <div class="row"> or <div class="col-sm-*"> divs; and the default umbraco templates have these. So they need to be collapsed.
Once you have bootstrap4 versions you can use them to render the grid by passing the 'framework' to the GetGridHtml call.
Umbraco 8 Grid Layout
Umbraco Grid layout not rendering properly in Umbraco V8 i am using Bootstrap4
Hi,
By default the files that render the grid in umbraco do so using the bootstrap3 style.
you will need to make Bootstrap4 versions of these files.
In general this means taking copies of the bootstrap3.cshtml and bootstrap3-fluid.cshtml files from
views/partials/gridand making bootstrap4 versions of them.You will need to tidy up the grid html a little to get it working with Bootstrap4 - the main issue I've seen is bootstrap 4 doesn't like
divsor anything between the<div class="container">and<div class="row">or<div class="col-sm-*">divs; and the default umbraco templates have these. So they need to be collapsed.Once you have bootstrap4 versions you can use them to render the grid by passing the 'framework' to the GetGridHtml call.
will look for
bootstrap4.cshtml.is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.