最佳答案
您需要将屏幕分为两部分(6:6 或 7:5),然后在其中嵌套另一个元素
.d1 {
height: 100px;
background: orange;
}
.d2 {
height: 200px;
background: lightgreen;
}
.d3 {
height: 100px;
background: gray;
}
<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-xs-7">
<div class="row">
<div class="col-xs-12 d1"></div>
<div class="col-xs-12 d3"></div>
</div>
</div>
<div class="col-xs-5">
<div class="row">
<div class="col-xs-12 d2"></div>
</div>
</div>
</div>
</div>
关于html - Bootstrap面板定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41463114/