title: How to have multiple card items in Angular Bootstrap Carousel?
body: <p>I am using this <a href="https://ng-bootstrap.github.io/#/components/carousel/examples" rel="nofollow noreferrer">carousel</a>.</p>
  <p>I want something like the multiple-item carousel <a href="http://vasyabigi.github.io/angular-slick/" rel="nofollow noreferrer">here</a>.</p>
  <p>I tried following this <a href="https://www.positronx.io/angular-slick-carousel-slider-integration-tutorial/" rel="nofollow noreferrer">tutorial</a> but it ends up breaking my website and causes many errors.</p>
  <p>What I have tried:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ngb-carousel *ngIf=&quot;images&quot;&gt;
    &lt;ng-template ngbSlide&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;item card col-md-3&quot; *ngFor=&quot;let image of images&quot;&gt;
          &lt;img src=&quot;{{image.picture}}&quot; class=&quot;card-img-top&quot; alt=&quot;...&quot;&gt;
          &lt;div class=&quot;card-body&quot;&gt;
            &lt;h5 class=&quot;card-title&quot;&gt;Card title&lt;/h5&gt;
            &lt;p class=&quot;card-text&quot;&gt;Some quick example text to build on the card title and make up the bulk of the card's content.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;Go somewhere&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/ng-template&gt;
  &lt;/ngb-carousel&gt;
  </code></pre>
  <p>It does not achieve what I want. I want 2 or 3 items on the same row that you can slide through. How would you go about achieving this with Angular Bootstrap Carousel?</p>
  <p>My last resort is paying for the <a href="https://mdbootstrap.com/docs/standard/components/carousel/" rel="nofollow noreferrer">MDB</a> library. Your help will be much appreciated. Thanks.</p>