title: Adjust Bootstrap image resizing
body: <p>I am trying to make a card div with two images inside, an up arrow and a down arrow.</p>
  
  <p>When in full screen the images look okay and are the full size but due to Bootstraps responsive design, when i reduce the page resolution using the developer console in chrome, the images get smaller and smaller until they cannot be seen on a small device, such as a mobile.</p>
  
  <p>How can i limit how small the images will go?</p>
  
  <p>Thanks.</p>
  
  <pre><code>&lt;div class='col-11 col-xs-11 col-md-5 col-lg-5' style='background-color:#dfdfdf;border-radius:5px;margin-right:10px;margin-bottom:10px;'&gt;
  
    &lt;div class='col-2 col-xs-2 col-md-2 col-lg-2'&gt;
        &lt;h4 class='card-header' style='text-align:center;height:100%;'&gt; 
          &lt;img style='height:50%;'src='uparrow' onmouseover=this.src='differentuparrow' onmouseout=this.src='uparrow' border='0'/&gt;
          &lt;br&gt;&lt;br&gt;
          &lt;img style='height:50%; src='downarrow' onmouseover=this.src='differentdownarrow' onmouseout=this.src='downarrow' border='0'/&gt;
        &lt;/h4&gt;
     &lt;/div&gt;
  
    &lt;div class='col-8 col-xs-8 col-md-8 col-lg-8'&gt;
       &lt;h4 class='card-header' style=''&gt;&lt;u&gt;Title&lt;/u&gt;&lt;/h4&gt;
       &lt;div class='card-body' style=''&gt;
         &lt;p class='card-title'&gt;Description&lt;/p&gt;
         &lt;p class='card-text' style='display: inline-block; bottom:0;'&gt;Points: 0&lt;br&gt;Replies: 0&lt;/p&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class='col-2 col-xs-2 col-md-2 col-lg-2' style='float:right;'&gt;
       &lt;i class='fa fa-pencil fa-5' aria-hidden='true'&gt; Edit&lt;/i&gt;
       &lt;br&gt; &lt;i class='fa fa-trash fa-5' aria-hidden='true'&gt; Delete&lt;/i&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/5a87h3ky/" rel="nofollow noreferrer">https://jsfiddle.net/5a87h3ky/</a></p>
  
  <p>I had to remove the original sources for the images due to confidentiality</p>