title: Using Card Image as Slider - Bootstrap 4
body: <p>I would like to use card-image-top section as a slider, especially on mobile. I will use that part as product card and i want my customers to see several images on this part. Is there an easy way to do this?</p>
  <pre><code>&lt;div class=&quot;card&quot; style=&quot;width: 18rem;&quot;&gt;
    &lt;img class=&quot;card-img-top&quot; src=&quot;...&quot; alt=&quot;Card image cap&quot;&gt;
    &lt;div class=&quot;card-body&quot;&gt;
      &lt;p class=&quot;card-text&quot;&gt;Example Text&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>