How to make responsive image using bootstrap? | images classes in bootstrap | Bootstrap lecture 8

Описание: Responsive images automatically adjust to fit the size of the screen. Create responsive images by adding an .img-fluid class to the img tag.Today we will learn about image classes in bootstrap.

#responsiveimages #bootstrap4 #howtodothis

Today's Topic:--

How to responsive an image?
Shapes of an image.
How to align an image?
Caption on an image.

Answer 1:- for responsive images use .img-fluid class in img tag.
Answer 2:- For shapes use .rounded for round the corner, use .rounded-circle for circle shape and use .img-thumbnail for making thumbnail in img tag.
Answer 3:- For left align use .float-left class, for right align .float-right and for center use .mx-auto .d-block classes in img tag.
Answer 4:- Use .figure-caption class in img tag.

It is the very important lecture for beginners . In this lecture i showed you practically how to handle image using bootstrap.

join us on Facebook:-

  / 1184520091737540  

Send task at:-
[email protected]

Hit like and press subscribe button for support. If you have any question then comment below . Thanks for watching
Good luck.