Difference between revisions of "Bootstrap responsive image"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(Created page with "In Bootstrap, you make an image responsive by adding the <code>img-responsive</code> class. == Example == <pre> <img src="image.jpg" alt="example"...")
 
(See also)
Line 12: Line 12:
  
 
* [[Bootstrap (framework)]]
 
* [[Bootstrap (framework)]]
* [[Class style rule (CSS)]]
+
* [[Class rule (CSS)]]
 
* [[Responsive web design]]
 
* [[Responsive web design]]

Revision as of 13:09, 9 February 2016

In Bootstrap, you make an image responsive by adding the img-responsive class.

Example

<img src="image.jpg" alt="example" class="img-responsive" />

The image will expand to fit the available space, up to the full image size.

See also