0

i simply want to join two columns in Bootstrap vertically. Here is the code:

<div class="container">
    <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6">
        </div>
    </div>
</div>

Here is an illustration of what i mean:

enter image description here

user3877230
  • 439
  • 1
  • 5
  • 18

2 Answers2

0

You can do it this way

    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-12">
                        1
                    </div>
                    <div class="col-md-12">
                        2
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                3
            </div>
        </div>
    </div>
Marik Ishtar
  • 2,899
  • 1
  • 13
  • 27
0

Maybe something like this?

 <div class="row">
   <div class="col-6">
     <div class="row " >
         1.
     </div>
     <div class="row ">
      2.
     </div>
  </div>
  <div class="col-6 ">
    3.
  </div>
</div>
Recep Gümüş
  • 179
  • 1
  • 12