引导网格中的故障

Question

我的问题来自行内的第一个div。当浏览器缩小到XS大小并且我点击第一个div的模态按钮时，它会针对＆＃34;＃myModal5＆＃34;而不是＆＃34; #myModal4＆＃34;，但当浏览器是除XS以外的任何其他大小时，它会以正确的模态为目标。这有意义吗？

<div class="row">
            <div class="col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2 col-md-offset-1 col-md-2 photoBG">
                <a type="button" data-toggle="modal" data-target="#myModal4"><img class="img-responsive" src='/CMS_Static/Uploads/313864614C6F6F/DSC02292-2-1.jpg'/></a>
                <p class="text-center imgText"><span>From $99</span><br></p>
            </div>
            <div class="col-sm-8 col-sm-offset-2 col-md-offset-1 col-md-4 photoBG">
                <a type="button" data-toggle="modal" data-target="#myModal5"><img class="img-responsive" src='/CMS_Static/Uploads/313864614C6F6F/DSC02119-4.jpg'/></a>
                <p class="text-center imgText"><span>From $99</span><br></p>
            </div>
            <div class="col-sm-8 col-sm-offset-2 col-md-offset-0 col-md-4 photoBG">
                <a type="button" data-toggle="modal" data-target="#myModal6"><img class="img-responsive" src='/CMS_Static/Uploads/313864614C6F6F/DSC02293-3.jpg'/></a>
                <p class="text-center imgText"><span>From $99</span><br></p>
            </div>
        </div>