title: Bootstrap 4 Carousel columns instead of carousel-item
body: <p>Does Bootstrap support displaying grid columns or rows in <code>Carousel</code> instead of <code>carousel-item</code> -s? The idea is to have a complex grid column structures that interchange with each other just like carousel-items. For example if we have the following grid:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row" id="row1"&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row" id="row2"&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row" id="row3"&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
      &lt;div class="col col-6-sm"&gt;
        &lt;!-- further hierarchy --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to be able to represent row1, row2 and row3 divs as carousel-items.
  Or perhaps if carousel-item supports having nested grid elements within its container I can simply wrap the grid hierarchy within the carousel-item ?</p>