Html 引导响应网格中有一项不正确

我正在写一个关于四位创始人肖像的页面。它们应该在大屏幕上显示为一行，然后在中等屏幕上显示为两行两行。但是，当我调整浏览器的大小时，最终的肖像会被发送到页面底部，我不知道为什么

<div class="container">

    <div class="row">

        <div class="col-lg-12">
            <h1 class="page-header">Meet Our Collaborators</h1>
            <p>Relay has really good dancers. This is placeholder copy. Our dancers are so great. They have been to all sorts of school and done all sorts of performances.</p>
        </div>

        <div class="col-lg-12">
            <h2>Our Founders</h2>
        </div>

    </div> <!-- /row -->

    <div class="row">

        <div class="col-lg-3 col-md-6 col-sm-6 centered">
            <img class="img-founder" src="img/founder1.png">
            <h3>Founder1</h3>
            <p>What does this team member do? Keep it short!</p>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 centered">
            <img class="img-founder" src="img/founder2.png">
            <h3>Founder 2</h3>
            <p>What does this team member do? Keep it short!</p>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 centered">
            <img class="img-founder" src="img/founder3.png">
            <h3>Founder 3</h3>
            <p>What does this team member do? Keep it short!</p>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 centered">
            <img class="img-founder" src="img/founder4.png">
            <h3>Founder 4</h3>
            <p>What does this team member do? Keep it short!</p>
        </div>

    </div> <!-- /row -->

</div> <!-- /container -->

见见我们的合作者
接力赛有很好的舞者。这是占位符副本。我们的舞蹈演员太棒了。他们去过各种各样的学校，做过各种各样的表演

我们的创始人
铸造工1
这个队员是干什么的？保持简短

创始人2
这个队员是干什么的？保持简短

创始人3
这个队员是干什么的？保持简短

创始人4
这个队员是干什么的？保持简短

img founder类的css只是bootstrap中的img响应类，左边距和右边距设置为auto，问题发生在我做出更改之前

我试着发布截图，但我没有足够的声誉。我希望这是足够有用的信息，我感谢您的帮助

---

谢谢。

这可能与图片的大小有关。founder4.png的大小/比率是否与其他版本相同？您是否可以在上重现该问题？尝试使用类

img responsive

，它将发挥最大作用