title: Bootstrap Carousel in Kentico - Mobile images
body: <p>I have a Bootstrap Carousel working nicely in Kentico CMS, except for the mobile view. Despite adding the tag of img-fluid, the image on mobile is just a sized down version of the banner on the desktop view.  What I would really like to do is to add a separate image for smaller screens.  </p>
  
  <p>Any ideas? </p>
  
  <pre><code>&lt;div class="item &lt;%# Eval("HomeSliderActive")%&gt;"&gt;
      &lt;img  src="&lt;%# Eval("HomeSliderImage") %&gt;" alt="&lt;%# Eval("HomeSliderHeading")%&gt;" class="img-fluid "/&gt;
         &lt;div class="carousel-caption no-mobile headings"&gt;
          &lt;a href="&lt;%# Eval("HomeSliderURLTarget") %&gt;"&gt;
            &lt;div class="outer"&gt;
              &lt;div class="inner-absolute-top"&gt;
                &lt;h3&gt;&lt;%# Eval("HomeSliderHeading")%&gt;&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="inner-absolute-bottom"&gt;
                &lt;p&gt;&lt;%# Eval("HomeSliderCaption")%&gt; &lt;span&gt;&lt;%# Eval("HomeSliderButton")%&gt;&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;  &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>