How to use Bootstrap Image

How-to-use-Bootstrap-Image

Images come in all sizes. So do screens. Responsive images automatically adjust to fit the size of the screen.

Bootstrap Image Shapes

  • Rounded Corners
  • Circle
  • Thumbnail
Rounded Corners

The .img-rounded class adds rounded corners to an image.
<img src="learntutorialpoint.jpg" class="img-rounded" alt="Learn Tutorial Point">


Circle

The .img-Circle class adds rounded corners to an image.
<img src="learntutorialpoint.jpg" class="img-Circle" alt="Learn Tutorial Point">


Thumbnail

The .img-Thumbnail class adds rounded corners to an image. 
<img src="learntutorialpoint.jpg" class="img-Thumbnail" alt="Learn Tutorial Point">


Responsive Images

The .img-responsive class adds rounded corners to an image. 
<img src="learntutorialpoint.jpg" class="img-responsive" alt="Learn Tutorial Point">
Learn Tutorials Point
We Well organized and easy-to-understand Interactive tutorials With lots of examples of how to use Tutorials WordPress, PHP, Bootstrap, Bootstrap 4, HTML, CSS, AJAX, jQuery, Woocommerce, Post, Database, Javascript, Theme, Responsive, Templates.

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact us

Fill in the form below or give us a call and we'll contact you. We endeavour to answer all enquiries within 24 hours on business days.