Сетевая система - это возможно?

Question

Мой код ниже:

<div class="container"> 
<div class="row"> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">Some Codes Here</div> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">Some Codes Here</div</div> 
</div> 
<div class="row"> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">Some Codes Here</div> 
</div> 

1. Я хочу использовать содержание, ширина предполагают 400px & Высота: 300px в первой строке/1-й столбец
2. Я хочу использовать содержание, ширина 400px & Высота: 600px в 1-й строке/2-й столбец
3. Я хочу использовать контент, ширина которого составляет 400 пикселей. & Высота: 300 пикселей на 2-й строке.

Я хочу, что второе содержание, ширина которого: 400px & Высота: 600px покажет ДО 2-Роу

Answer 1

Это то, что вы можете сделать с начальной загрузки:

http://www.codeply.com/go/KaIvNu7qCT

Посмотрите на фрагмент:

.wrp1 { 
 
    background: orange; 
 
    height: 25vw; 
 
} 
 
.wrp2 { 
 
    background: teal; 
 
    height: 25vw; 
 
} 
 
.wrp3 { 
 
    background: tomato; 
 
    height: 50vw; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-xs-6"> 
 
      <div class="row"> 
 
       <div class="col-xs-12 wrp1">content1</div>  
 
       <div class="col-xs-12 wrp2">content2</div>  
 
      </div>  
 
     </div> 
 
     <div class="col-xs-6"> 
 
      <div class="row"> 
 
       <div class="col-xs-12 wrp3">content3</div>  
 
      </div>  
 
     </div> 
 
    </div> 
 
</div>