网格系统 - 有可能吗？

-3

<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>

我想使用的宽度是假设400像素&身高内容：300像素，在第1行/第1列
我想用一个内容，其宽度为400像素&身高：600px的在第1行/第2列
我想用一个内容，其宽度为400像素&高度：300像素，在第二排。

我想是第二内容，其宽度：400像素&高度：600像素显示高达第二排

来源

2017-01-06 Shihab-Ul H.

是不是你__not__宽度固定像素值的网格系统的整点？ – Tom

引导程序是为响应式设计而创建的，可在不同屏幕尺寸的设备上工作。你可以保持你想要的比例，但不是确切的尺寸。 –

这是你可以引导做什么：

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>

来源

2017-01-06 16:55:54 Banzay

我在问这个。你很棒，你的代码是完美的。 - 非常感谢你 –

不客气！ – Banzay

网格系统 - 有可能吗？

回答

相关问题