How to make about such a grid on the bootstrap? grid

Closed due to the fact that the essence of the question is not clear to the participants 0xdb , LFC , vmchar , Sergey Nudnov , Herman Borisov June 4 at 11:35 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • one
    This question should be closed, since its essence is expressed by a picture, and not by words, which makes it useless for a knowledge base. - aleksandr barakin

1 answer 1

.blue { background-color: blue; height: 200px; } .red { background-color: red; height: 200px; } .black { background-color: #000; height: 200px; } .green { background-color: green; height: 400px; } 
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-sm-9"> <div class="row"> <div class="col-xs-12 blue">1</div> <div class="col-sm-6 red">2</div> <div class="col-sm-6 black">3</div> </div> </div> <div class="col-sm-3"> <div class="row"> <div class="col-xs-12 green">4</div> </div> </div> </div> </div>

So you can try, if you need internal padding .row take away

Codepen-even flooded