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