<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
我正在使用 Bootstrap 3,我需要在 div 父元素中设置两个垂直放置的 div 元素,并且在每个 div 中应该有一个图像。所有图像都应该响应并适合 div 高度,因此 div1 的图像应该更大
_____________
|div1 | div2 |
| |-------
|_____|_div3__|
我在这里放了一个代码示例,但它不起作用。 我该如何解决这个问题?
最佳答案
使用正确的 Bootstrap 网格宽度可以满足您的要求,如下所示 -
代码-
<div class="row col-md-offset-1 col-md-10">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title"><a href="#">title</a></h3>
</div>
<div class="panel-body">
<div class="col-md-12">
<div class="col-md-8 col-sm-8 col-xs-8">
<a href="#">
<img class="img-responsive" alt="main" src="http://a5.mzstatic.com/us/r30/Purple5/v4/5a/2e/e9/5a2ee9b3-8f0e-4f8b-4043-dd3e3ea29766/icon128-2x.png" />
</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-4">
<div class="row col-md-12">
<a href="#">
<img class="img-responsive" alt="col1" src="http://a5.mzstatic.com/us/r30/Purple5/v4/5a/2e/e9/5a2ee9b3-8f0e-4f8b-4043-dd3e3ea29766/icon128-2x.png" />
</a>
</div>
<div class="row col-md-12">
<a href="#">
<img class="img-responsive" alt="col2" src="http://a5.mzstatic.com/us/r30/Purple5/v4/5a/2e/e9/5a2ee9b3-8f0e-4f8b-4043-dd3e3ea29766/icon128-2x.png" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
关于css - bootstrap 3 使 div 高度为父 div 的 50%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33939908/