<div class="carousel-item active">
  <div class="d-block w-100">First Slide</div>
</div>
<div class="carousel-item">
  <div class="d-block w-100">Second Slide</div></div>
<div class="carousel-item">
  <div class="d-block w-100">Third Slide</div>
</div>

<div class="carousel-item active">
  <div class="row">
    <div class="col-xs-8">Col 8</div>
    <div class="col-xs-4">Col 4</div>
  </div>
</div>
<div class="carousel-item">
   <div class="row">
    <div class="col-xs-4">Col 4</div>
    <div class="col-xs-4">Col 4</div>
    <div class="col-xs-4">Col 4</div>
  </div>
<div class="carousel-item">
  <div class="d-block w-100">Third Slide</div>
</div>

Add grid to carousel items
Add grid to carousel items
