Bootstrap div包装器

Question

我想让bootstrap显示类似附加图像的东西，意思是一个蓝色背景颜色一些填充的div包装器和里面的3个图像（我使用这种可怕的颜色只是为了明晰）。

它应该是非常直接的，但老实说，我无法得到它。如果我尝试这样的话：

<div class="span9">     
    <div class="row">
        <div class="span9" style="background-color:blue;">
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
            <img class="span3" src="..."></img>
        </div>
    </div>  
</div>

在我的容器类中，tird图像不适合包装器并且低于其他两个，如图中所示：

有人会帮我一个忙吗？

Answer 1

试试这个：

<div class="span9" style="background-color:blue;">     
    <div class="row">
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
        <div class="span3">
            <img class="span3" src="..." />
        </div>
    </div>  
</div>

Answer 2

可能的解决办法是清除花车？最近有很多关于此的文章，但这里有一篇文章作为开头。 Clearing Floats

从设计和需求的角度来看，您可能会考虑创建div之类的东西，然后用超大的png图像填充它们，然后为边框添加透明度，使其具有清晰的背景，使其看起来好像是有边框的这样或显示你的背景颜色。

我相信你的诀窍是使用透明的.png's会做的伎俩，或者为你的图像添加所需的外观。