我需要在左侧设置一列,在右侧设置一组没有设置高度的列,并在底部设置一行。
这是我目前所拥有的基本模型。如何使左列填充左列底部和底部行之间的间隙?
我知道如何处理此问题的唯一方法是使用javascript,我不建议这样做。但是,如果您必须实现以下目的:
的HTML
<div class="container">
<div class="row" id="row">
<div class="col-sm-4" id="left">left</div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-12">1</div>
</div>
<div class="row">
<div class="col-sm-12">2</div>
</div>
<div class="row">
<div class="col-sm-12">3</div>
</div>
<div class="row">
<div class="col-sm-12">4</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">bottom</div>
</div>
</div>
Java脚本
$('#left').outerHeight($('#row').innerHeight());
我在Bootply中有一个可行的示例,但无法保存。服务返回后,将使用该链接更新答案。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句