Skip to content

Documentation on "card-img-top" appears to incorrect for Version 5.3 #39456

@murugappanrm

Description

@murugappanrm

Prerequisites

Describe the issue

I tested the ".card-img-top" and "card-img-bottom" classes. The description for ".card-img-top" states that it places an image to the top of the card when it comes to "card-img-bottom". There is no description of what "card-img-bottom" does. Please checkout the documentation at this point:

Screenshot_2

What the documentations should say is this:

".card-img-top " sets the top right and top left corners to be rounded. This is useful to match the card's corners at the same location. Should be used if the image is placed at the very top of the card. ".card-img-bottom " sets the bottom right and bottom left corners to be rounded. This is useful to match the card's bottom corners when the image is placed the very bottom of the card."

Reduced test cases

Screenshot_2

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

v5.3

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions