How to code-align blocks in bootstrap?

Question

Bootstrap

I have it like this.

The code is written like this

<div class="col-md-6" >
     <div class="job_block">
        <div class="job_logo"><img src="/icons/job_logo_1.png" alt=""></div>
        <div class="job_zag">Никаких наличных, оплата происходит<br> автоматически</div>
        <div class="job_text"> Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.</div> 
</div> 
</div>

And it should turn out like this, I can’t figure out how to position the


Icon on the left, the blue text on top, and the plain text on the bottom. Help plz

Answer 1

It turned out to be done, removed like this

<div class="job_zag">Никаких наличных, оплата происходит<br> автоматически<p>Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.</p></div>

but, the question remains open, how to place 3 blocks the way I want?