Shape Dividers in Bootstrap Studio

[simonclay]

Hi, is there a way to have shape dividers for sections in Bootstrap Studio?

Or are there techniques you use to achieve this in BS5?

Thanks.

[richards]

I would use an svg for the curve, something like:

HTML:

<div class="separator">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1442.364 66.523" fill="CurrentColor">
        <path d="M-9546,
    13372.609h1442.364v-48.225s-436.658-27.279-797.249-15.223S-9546,
    13372.609-9546,13372.609Z" transform="translate(9546 -13306.086)"></path>
    </svg>
</div>

CSS:

.separator {
  background: transparent;
  color: var(--bs-orange);
  margin-top: -99px;
}

[simonclay]

Thank you, yes, that will work!