Is it possible to stack the contents of each slide (an h2 and button) vertically instead of the default inline format of Bootstrap 4 Carousel? Below is the code I currently have:
<div id="slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" style="background-image: url({{ 'placeholder1.jpg' | asset_url }})">
<div class="d-flex h-100 align-items-center justify-content-center">
<h2>Great food without the price</h2>
<button class="btn btn-primary btn-lg">Order now</button>
</div>
</div>
...
</div>
</div>
This is my first time using version 4 so a little new on using d-flex, any assistance would be greatly appreciated :)