如何在一行上显示两个图像 Bootstrap 3答案

【问题标题】：How to display two images on one line Bootstrap 3如何在一行上显示两个图像 Bootstrap 3
【发布时间】：2014-02-12 11:49:20
【问题描述】：

您好，我是 bootstrap 新手，我想知道如何在一行上显示两个图像并保持响应功能。您能给我举个例子吗？

 <div class="col-xs-12 col-md-8">
<img src="images/l.jpg" class="img-responsive" alt="Logo">
 </div>

【问题讨论】：

你的css源代码在哪里？？
我在你的 HTML 中看不到两张图片？
如果您发现任何答案正确，请将其标记为正确:) 那里应该有一个复选标记，呵呵

标签： html css image twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

当然，对于 BS2：

<div class="row-fluid">
    <div class="span6"><img src="yourimage"/></div>
    <div class="span6"><img src="yourimage"/></div>
</div>

对于 BS3：

<div class="row">
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
</div>

编辑：2017 年 1 月 3 日 对于 BS4（带 FLEXBOX）：

<div class="row">
    <div class="col"><img src="yourimage"/></div>
    <div class="col"><img src="yourimage"/></div>
</div>

另一种解决方案是将图像向左浮动：

<img class="pull-left" src="yourimage"/>
<img class="pull-left" src="yourimage"/>

【讨论】：

【解决方案2】：

应该是这样的

<div class="col-xs-12 col-md-8">
 <div class="row">
  <div class="col-xs-4 col-md-4">
  <img src="images/l.jpg" class="img-responsive" alt="Logo">
  </div>
  <div class="col-xs-4 col-md-4">
  <img src="images/2.jpg" class="img-responsive" alt="Logo">
  </div>
  <div class="col-xs-4 col-md-4">
  <img src="images/2.jpg" class="img-responsive" alt="Logo">
  </div>

 </div>
</div>

【讨论】：

我还有一个问题，我想要右边的第三个元素（图片）？