有没有办法让行在引导程序中溢出
问题描述:
使用bootstrap3网格系统我想要2行3列的列。有没有办法让行在引导程序中溢出
在第1列中,我将有3行文本输入(a,b,c),并在第2列中我想要1个图像,它将占用整个3行。
有没有办法做到这一点?
例如这里
http://jsfiddle.net/sLxcf5jd/1/
<div class="row">
<div class="col-sm-2"><div class="well">1</div></div>
<div class="col-sm-2"><div class="well">2<img src="http://placehold.it/100x350"></div></div>
</div>
<div class="row">
<div class="col-sm-2"><div class="well">2</div></div>
</div>
<div class="row">
<div class="col-sm-2"><div class="well">3</div></div>
</div>
答
我编辑你的小提琴,你可以在这里看到:JSFiddle
<div class="row">
<div class="col-sm-2">
<div class="row">
<div class="well">1</div>
</div>
<div class="row">
<div class="well">2</div>
</div>
<div class="row">
<div class="well">3</div>
</div>
</div>
<div class="col-sm-2">
<div class="well">
2
<img src="http://placehold.it/80x160">
</div>
</div>
</div>
+0
jsfiddle链接需要[1]删除,谢谢你的帮助 – rob
什么你问(我的理解它),“行”和列是如何在引导程序中工作的。请显示你的尝试。 – Patel
你真正要问的是如何制作[相同高度的列](http://*.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height) 。然后,您可以将图像设置为100%高度,或将其设置为大小为“cover”的背景。 – isherwood
增加了一个例子,正如你可以看到图像向下推动整个行,我希望它很好地显示在行 – rob