1.

What is a bootstrap card and how would you create one?

Answer»

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>

 



Discussion

No Comment Found