<div class="col-xs-12 col-md-6"> </div>

The blocks do not fill in the free space, I drew on the scheme how they are arranged, I want to have these empty fields, I don’t understand what the problem is. Please help) And in the left column there are only empty places, in the right column there are none.

enter image description here

I understand that my construction should be

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

And I have now

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

The problem is solved, thanks to all who did not remain indifferent))

  • Show your code - humster_spb
  • without js you probably won't do otherwise - teran
  • <div class = "row"> <div class = "col-xs-12 col-md-6"> </ div> </ div> - Kirill Dmitrievich

1 answer 1

Yes, yes, you forgot to add inside the .row block