Your First Week With Bootstrap by Syed Fazle Rahman

Author:Syed Fazle Rahman [Various]
Language: eng
Format: epub
Publisher: SitePoint
Published: 2017-08-08T23:00:00+00:00

We can also use the class .card-img-bottom with the <img> tag to add the image at the bottom of the card:

<div class="card"> <div class="card-header"> This is a header </div> <img class="card-img-top" src="https://source.unsplash.com/daily" alt="Card image top"> <div class="card-body"> <p class="card-text">A Card with a top and bottom images</p> </div> <img class="card-img-bottom" src="https://source.unsplash.com/daily" alt="Card image top"> <div class="card-footer"> This is a footer </div> </div>

The card top and bottom images are called image caps.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.