使用bootstrap3网格系统,我想要2 x列3行。
在第1列中,我将有3 x行的文本输入(a,b,c),在第2列中,我们希望有一个图像,它将占据整个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>