Css 如何使用bootstrap3将两个映像并排放置到一个div中?
我想把两个图像并排放入一个div,其中两个图像都位于父div的中心。我使用的是bootstrap3。plz帮助 这是我的标记:Css 如何使用bootstrap3将两个映像并排放置到一个div中?,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我想把两个图像并排放入一个div,其中两个图像都位于父div的中心。我使用的是bootstrap3。plz帮助 这是我的标记: <div class="well text-center"> <span>Sister Properties:</span> <a href="#"><img src="img/innlogo.png" class="img-responsive" alt="inn_l
<div class="well text-center">
<span>Sister Properties:</span>
<a href="#"><img src="img/innlogo.png" class="img-responsive" alt="inn_logo" /></a> <a href="#" ><img src="img/cclogo.png" class="img-responsive" alt="ccs_logo" /></a>
</div>
姊妹物业:
我不能使用“行-列”div来实现这一点,但我想使用“well”div来实现这一点。您的
img responsive
responsive类为您的图像提供显示:阻止图像居中的块;尝试删除它。此外,为了让它们并排放置,请使用Bootstrap的网格系统。您可以在此处阅读更多信息:
以下是如何做到这一点:
<div class="well text-center">
<span>Sister Properties:</span>
<div class="col-md-6">
<a href="#"><img src="img/innlogo.png" alt="inn_logo" /></a>
</div>
<div class="col-md-6">
<a href="#" ><img src="img/cclogo.png" alt="ccs_logo" /></a>
</div>
</div>
以下是更新的引导程序:在css上尝试以下操作:
.well img{
display: inline-block;
}
这不是完美的工作,在这种情况下,图像不适合父div(“好”div)和div title(“姐妹属性”)也不留在div的中心。请看:是的,我看到了,但这不是你的问题的一部分。。。让我看看我是否还能让它为你工作……它工作得很好,我按照你的第一个建议删除img响应类解决了问题,谢谢:)很高兴我能帮忙!;)
.well img{
display: inline-block;
}