v4 Docs on Media objects are confusing and misleading.
Created by: marcuslind90
I was a little bit confused when reading the Media Object documentation on the Bootstrap v4 docs that can be found here.
In all of the examples, the author has added a .d-flex
class on the <img>
elements. As I understand this class, it's the utility function that make the item, and any children of it be displayed as flex box. In all of the examples, this does not seem to be necessary. You can self-align the image no matter if it includes a .d-flex
class or not.
See example of using .d-flex
and leaving it out:
https://jsfiddle.net/ounyeh3p/
My suggestion is to update the docs and remove the class since it's not needed and it has no effect on the content at all. Obviously this is not saying that you should remove any utility classes such as the margin or padding ones, they are used in a correct way.