How to properly make a div a link in bootsrap4?

Question

css

Hello. How to make a block a link in bootstrap4 correctly, with such a structure? Googling, I found different options:
1. hang onclick on a div
2. Make a {display: block} and stuff everything into it
. Which option will be correct and valid? Maybe there are some other options?

<div class="col-sm-4 left site">
          <div class="">
            <div class="show">
              <div class="title">Заголовок</div>
              Описание
            </div>
          </div>
        </div>

https://jsfiddle.net/yokvs52L/3/

Answer 1

will be correct and valid

using the a tag