CSS "object-fit" property


This morning I was trying to fit an image within it's container, so I tried to use the property "object-fit". Somehow it doesn't seem to be supported by Bootstrap Studio?


Is there a certain reason, is it deprecated, replaced by something better?

With best regards,


Use the responsive setting in the Image options area (top right). Click that on and if you want it centered I believe there's a built in class for that but I can never remember it so I made my own lol:

.centered {
 float: none;
margin-left: auto;
margin-right: auto;

Set that (or look up the class that is built into Bootstrap) on the image and it will center it as well. Hope that helps!

It's a good question as to why certain common CSS properties are not supported though. ;-)