html - Make a image in division responsive -


i having images in carosuel effect keeps images in division.i want make images responsive.despite of adding

class="img-responsive" 

to img tag image not giving responsive effect can 1 me? , wanted know if there way make division responsive?

yes there is,

<style> @media screen , (max-width: 980px) { .img-responsive { //insert css 980 width lower }}  @media screen , (max-width: 700px) , (min-width : 400px) { .img-responsive { //insert css 700 width lower //css not work @ lower 400px } } </style> 

note can change value of max width depending on want change div. can set min-width determine minimum width css take effect

cheers


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -