使用bootstrap3网格系统我想要2行x行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>
答案 0 :(得分:1)
我编辑了你的小提琴,你可以在这里看到它: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>