Организация DIV с использованием bootstrap 4 без использования дополнительного DIV

Question

Организовать DIV легко с помощью системы сеток bootstarp, но какое-то время это для меня недостижимо,

Вот пример

Я думаю, что это не очень сложно и добиться без использования дополнительных DIV или кода, но мой мусорный мозг не способен достичь этого дизайна сетки,

Спасибо

Answer 1

Попробуйте этот макет: -

<div class="row">
  <div class="col-lg-2 col-3"></div>
  <div class="col-lg-8 col-6">
    <div class="row">
      <div class="col-lg-3 col-12"></div>
      <div class="col-lg-3 col-12"></div>
      <div class="col-lg-6 col-12">
        <div class="row">
          <div class="col-lg-6 col-6"></div>
          <div class="col-lg-6 col-6"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-2 col-3"></div>
</div>

Answer 2

Этот сайт может помочь вам создать то, что вы хотите.