Skip to content

Feature update for the class card-img-overlay #27189

@munsheerek

Description

@munsheerek

Its a suggestion to fix the content overflowing inside the card having image overlay (https://getbootstrap.com/docs/4.1/components/card/#image-overlays).

  • At the moment,if we add more content inside .card-img-overlay class,the overlay will be broken.
    Because here the image has relative height so it would take image height.it would be nice if we give the height of the card as i mentioned in the codepen, and also give a minimum height that of image height so that we can't lose the image into smaller one.
    I will add a CodePen link with fixing the issue.I think it won't might affect other elements.
    Here's the link : https://codepen.io/munsheerek/pen/aaLgWy
    Why can you try out this method ?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions