+1 vote
in Bootstrap by
What is a bootstrap card and how would you create one?

1 Answer

0 votes
by

In Bootstrap 4, a card is a bordered box with padding surrounding its content. It has options for headers, footers, content, and colors, among other things.

<div class="card">

 <div class="card-header">Header</div>

 <div class="card-body">Body</div>

 <div class="card-footer">Footer</div>

</div>

Another example:

<div class="card" style="width:400px">

 <img class="card-img-top" src="img_avatar.png" alt="Card image">

 <div class="card-body">

   <h4 class="card-title">Richard Taylor</h4>

   <p class="card-text">Some example text.</p>

   <a href="#" class="btn btn-primary">See Profile</a>

 </div>

</div>

 

...