When using Sitecore's placeholder in combination with the SXA Column-splitter, multiple
<div class="row"> are then added/rendered. This causes unintended margins and paddings in our layout.
- Is there a way to avoid this?
- Is it not the intend to use Sitecore's Column-splitter component inside of a placeholder?
- Is there some attributes I can set on the Placeholder that will allow me to not render the
<div class="row">it itself generates?
In addition, I tried changing the Grid Setup Settings in Sitecore but only option I found was to remove the generation of
<div class="row" globally for the whole grid and all of the Placeholders and SXA components. This is not what I want.
Here is the code I use to make the placeholder:
When I add Sitecore's SXA Column-splitter inside of it, I get an additional
<div class="row"> (as seen in screenshot of browser console below) which causes the problem.
I would expect that there would be only one
<div class="row"> with the inherited margin and padding set by the grid. (In my case the Bootstrap 4 Grid, assigned in Sitecore's Grid Setup for our SXA Theme)