title: How to hide bootstrap slider and all image should be display vertically on mobile device?
body: <p>Is there any way to hide bootstrap slider  and all images in slider should be displayed in vertically on the mobile device?
  I have 5 images in the slider and I have to display all image vertically on a mobile device.I tried in media query below code but it's not working.Please help me in this.</p>
  
  <pre><code>#myCarousel.carousel-inner &gt; .item 
     {
      display: block !important;
     }
  </code></pre>