How to create such blocks in this position using Bootstrap?

Question

Bootstrap

Not how it doesn't work

Answer 1

It is possible like this:

<div class="container">
     <div class="row">
         <div class="col-4">
             <div class="row">
                 <div class="col-12">block-1</div>
                 <div class="col-12">block-2</div>
                 <div class="col-12">block-3</div>
                 <div class="col-12">block-4</div>
             </div>
         </div>
          
         <div class="col-8">
             <div class="row">
                 <div class="col-12">block-1</div>
                 <div class="col-12">block-2</div>
                 <div class="col-12">block-3</div>
                 <div class="col-12">block-4</div>
                 <div class="col-12">block-5</div>
                 <div class="col-12">block-6</div>
             </div>
         </div>
            
     </div>
</div>

You can also do this:

<div class="container">
     <div class="row">
         <div class="col-4">block-1</div>
         <div class="col-8">block-2</div>

         <div class="col-4">block-3</div>
         <div class="col-8">block-4</div>

         <div class="col-4">block-5</div>
         <div class="col-8">block-6</div>

         <div class="col-4">*оставляем пустым*</div>
         <div class="col-8">block-9</div>

         <div class="col-4">*оставляем пустым*</div>
         <div class="col-8">block-10</div>
     </div>
</div>

Answer 2

flex-direction: column;