Images in BootstrapVue can be made responsive with the
fluid prop (which sets
max-width: 100%; height: auto; via CSS classes) so
that it scales with the parent element - up to the maximum native
width of the image.
To make a fluid image that will grow to fill the width of its
container, use the fluid-grow prop. Note this may
cause blurring on small bitmap images.
fluid:fluid-grow:
You can use prop thumbnail to give an image a rounded
light border appearance.
Align images with the boolean props left (floats
left) right (floats right), and
center (auto left+right margins). You can also center
images by placing them in a container that has the class
text-center.
Use our complementary <b-img-lazy> image
component (based on <b-img>) to lazy load
images as they are scrolled into view (or within
offset pixels of the viewport).