Hello,

I downloaded a fairly plain jane album template. I don't understand how to add the code to zoom on button click

here is some code from one of the many picture containers on same page.

I thought the javascript built into bootstrap handled this . Im real new to Bootstrap, and frankly think it's hardest web coding I have ever had to deal with.

<div class="album py-5 bg-light">

<div class="container">

<div class="row">

<div class="col-md-4">

<div class="card mb-4 box-shadow">

<img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" src="img/Bodark-with-turquoise-inlay.jpg" alt="Card image cap">

<div class="card-body">

<p class="card-text">Bodark-with-turquoise-inlay</p>

<div class="d-flex justify-content-between align-items-center">

<div class="btn-group">

<button type="button" class="btn btn-sm btn-outline-secondary">View</button>

<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>

</div>

<small class="text-muted">9 mins</small>

</div>

</div>

</div>

</div>