有没有办法让行在引导程序中溢出

-1

使用bootstrap3网格系统我想要2行3列的列。有没有办法让行在引导程序中溢出

在第1列中，我将有3行文本输入（a，b，c），并在第2列中我想要1个图像，它将占用整个3行。

有没有办法做到这一点？

例如这里

<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>

来源

2015-11-06 rob

什么你问（我的理解它），“行”和列是如何在引导程序中工作的。请显示你的尝试。 – Patel

你真正要问的是如何制作[相同高度的列]（http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height）。然后，您可以将图像设置为100％高度，或将其设置为大小为“cover”的背景。 – isherwood

增加了一个例子，正如你可以看到图像向下推动整个行，我希望它很好地显示在行 – rob

我编辑你的小提琴，你可以在这里看到：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>

来源

2015-11-06 15:55:23

jsfiddle链接需要[1]删除，谢谢你的帮助 – rob

有没有办法让行在引导程序中溢出

回答

相关问题