如何将图片连续放置bootstrap

Question

我试图让这 3 张图片连续，中间没有或只有很少的空间，但这段代码导致它们相互堆叠。我还希望它们与页面的中心对齐。

 <div class="container">
  <div class="row col-xs-2">
  <img style= "width: 25%; height: 25%" src="https://image.ibb.co/ckA7ka/mr_marbles.png" alt="Mister Marbles head tilt">
</div>
<div class="row col-xs-2">
  <img style= "width: 25%; height: 25%"  src="https://image.ibb.co/bTMKyv/kermit.png" alt="Kermit the Dog">
</div>
<div class="row col-xs-2">
  <img style= "width: 25%; height: 25%" src="https://image.ibb.co/ki8tQa/peach.png" alt="Peach posing magestically">
</div>
</div>

原文由 Rachael Tanis 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<div class="row">

<div class="col-lg-4 col-md-4 col-xs-4 thumb">
    <a class="thumbnail" href="#">
        <img class="img-responsive" src="http://placehold.it/400x300" alt="">
    </a>
</div>
<div class="col-lg-4 col-md-4 col-xs-4 thumb">
    <a class="thumbnail" href="#">
        <img class="img-responsive" src="http://placehold.it/400x300" alt="">
    </a>
</div>
<div class="col-lg-4 col-md-4 col-xs-4 thumb">
    <a class="thumbnail" href="#">
        <img class="img-responsive" src="http://placehold.it/400x300" alt="">
    </a>
</div>

原文由 an0nh4x0r 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<img style= "width: 25%; height: 25%"  src="webfina/2.png" alt="Kermit the Dog">

<img style= "width: 25%; height: 25%" src="webfina/3.png" alt="Peach posing magestically">

原文由 Nehil Koshiya 发布，翻译遵循 CC BY-SA 4.0 许可协议