Twitter bootstrap 在容器外部并排显示两个图像

Twitter bootstrap 在容器外部并排显示两个图像,twitter-bootstrap,Twitter Bootstrap,我有一个非常简单的布局 <div class="container"> <div class="row"> <div class="col-md-12"> <img id="imageOne" src=""> <img id="imageTwo" src=""> </div> </div> </div>

我有一个非常简单的布局

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <img id="imageOne" src="">
            <img id="imageTwo" src="">
        </div>
    </div>
</div>
这就是对imageTwo的Ajax调用的样子(将内容剥离以便于查看)。我想做的就是这样。如果 添加了Image2,我不希望它放在Image1下面。取而代之的是,除了imageOne之外,我还需要它,我希望它们延伸到容器之外, 因此,将在浏览器中添加一个滚动条

我一直在尝试内联显示它们,浮动它们等等,但似乎没有任何效果。我怎样才能把它们并排放在集装箱外面


谢谢

我想这可能就是你想要的布局:

添加另一个名为which you like(我称之为“special”)的div,并将图像放在其中。然后添加这个css

.special {
    overflow: auto;
    white-space: nowrap;
}

.special > img {
    display: inline-block;
}

当有两个图像时,只需通过js将“特殊”类添加到div中,我认为这应该可以完成这项工作。如果不让我知道,我会尝试整理其他东西。

为它做一个调整。我添加了一个JSFIDLE,其中显示了2个图像。我想做的是把它们并排放在一起,但不是在50%的宽度,我需要它们是全尺寸的,并希望添加一个滚动条。谢谢
.special {
    overflow: auto;
    white-space: nowrap;
}

.special > img {
    display: inline-block;
}