Как расположить col(s) как на картинке bootstrap 4?

Question

[Tamara Evpraksina]

Подскажите в чем моя ошибка. Не получается рассположить третий col под первым и рядом со вторым.
col-25 (дополниткльный класс для CSS)

<div class="row mb-4">
  <div class="col-6 mb-3 col-25">
    <p class="p_25"> Entreprise familiale à taille humaine, <span class="colortext">Alliance Personnel Intérim</span>
    </p>
  </div>  
  <div class="col-6 mb-3">
    <img class="img_bur" src="img/IMG_0204 (2).jpg" alt="">
  </div>
  <div class="col-6 col-25">
    <div class="row">
      <div class="col-6">
        <i class="fa fa-map-marker fa-lg" style="color:#e65100"></i> <span class="colortext">Alliance Personnel Intérim</span>
          <br>
          299 Avenue de Colmar
          <br>
          67100 Strasbourg
      </div>
      <div class="col-6">
        <i class="fa fa-map-marker fa-lg" style="color:#e65100" aria-hidden="true"> </i><span class="colortext">Alliance Personnel Intérim</span>
            <br>
            299 Avenue de Colmar
            <br>
            67100 Strasbourg
          </div>
        </div>
      </div>  
    </div>
  </div>

Answer 1

[Pavel_20]

я бы гриды использовал в таком случае. а так не уверен конечно, но возможно 2 колонки col-6 только прокатит, в первой колонке 2 блока просто будет

Comments

[Tamara Evpraksina]

и каким образом ? Можешь показать?

[Pavel_20]

Tamara Evpraksina, если вы про гриды, то что-то типа такого https://jsfiddle.net/pashok05_01/zu3oa0n2/7/

[Tamara Evpraksina]

Pavel_20, я сделала проще добавила дополнительный div class:"col-6" поменяла кое-что местами, ну и конечно адаприровала к разным экранам.. Спасибо за инфо

[Tamara Evpraksina]

Pavel_20, твой вариант тоже подходит. но потом как я понимаю надо использовать js для маленьких экранов или media?

[Pavel_20]

Tamara Evpraksina, выходит что так

[Pavel_20]

Tamara Evpraksina, а как удалось расположить как надо было?