CSS "object-fit" property

Goodmorning,

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?

https://i.imgur.com/ORIMel1.png

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

With best regards,

Kevin

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. ;-)

you are correct, we in 2024 but still…