如何在引导程序中响应2个居中的图像

Question

我在我的网站上使用bootstrap。我有2张图片并排放在我的页面上。当网站缩小时，它们会以正确的窗口大小相互叠加。但是，当我使窗口足够小，图像应该开始缩小时，它们不会收缩并且会将内容从页面中推出。我知道这是2张图片，因为我可以删除它们，页面会进一步缩小。 这是我的相关html：

<div class="row">
        <a href="http://flash.clubschoicefundraising.com/CookieDoughAndMore-2014" class="col-md-10 col-md-offset-2"><img src="@Url.Content("~/Content/img/Otis_fund_logo.png")" alt="Otis Spunkmeyer" class="img-responsive center-block" /></a>
        <a href="http://flash.clubschoicefundraising.com/AuntieAnnes-2014/" class="col-md-10"><img src="@Url.Content("~/Content/img/Auntie-Annes.jpg")" alt="Auntie Annes" class="img-responsive center-block" /></a>
</div>

以下是您可以在其中查看该网站的网站：http://clubschoicefundraising.com/

这2张图片位于页面的最底部。 Otis Spunkmeyer和Auntie Annes的照片。

添加澄清：所以基本上当浏览器缩小到平板电脑/手机尺寸时，这些底部图像应该动态缩小，但事实并非如此。