How to properly embed boostrap 4 block?

Question

Bootstrap

Hello!
How to make a block on BS4?
There is a block:

<div class="col-12 col-md">
            <div class="card border-0 text-center">
              <div class="h-100">
                <h2 class="h3 font-weight-bold">Мы любим</h2>
              </div>
              <img class="card-img-costom d-block mx-auto" src="/img/icon-3.png" alt="Card image cap">
              <div class="card-body">
                <p class="card-text text-justify">Клиент, который остался довольным – показатель качества нашей работы и наивысшая награда.
                Каждый сотрудник нашей компании любит и ценит свою работу, ставя интересы клиента во главу угла.</p>
              </div>
            </div>
          </div>

And how to align correctly like this
:

Answer 1

Off topic:
- a qualified specialist will not work cheaply.
- 99% of employees do not want to constantly develop if they are not paid extra for it.
- employees do not like their work and appreciate it a little bit only on the day of the salary.
- everyone put a bolt on quality, the main thing is to quickly "cache".
- whether the products are certified or not - customers don't give a damn, now the main selection criterion is the price.
- everyone says "promptly" and "we fulfill our obligations to the maximum" ... at the same time, in 90% of cases they cannot pick up the phone before the 3rd ring.
- a client who was satisfied is not an indicator, perhaps he is an idiot, a goof, a lazy person, that he did not find and did not receive another competitive offer
it really hurt me xD I hope these descriptions of "benefits" called "self-like" will not go into production, I would shoot for this.