Bootstrap网格系统不允许点击移动设备

Question

我创建了一个幻灯片，它在桌面上完美运行，但on('click')在移动版中无效。但是，点击适用于其他移动按钮。

HTML

<section id="interests" class="container content-section text-center">
    <div class="row">
        <div class="col-md-12">
            <h2><span class="en">Interests</span><span class="es">Intereses</span></h2>
            <style id="sliderLanguage"> </style>
            <div class="row">
                <div class="col-md-6 col-xs-12">
                    <div id="sliderBubble">
                        <img class = "bubbles currentBubble" src="img/sBubblePink.png">
                        <img class = "bubbles" src="img/sBubble.png">
                        <img class = "bubbles" src="img/sBubble.png">
                        <img class = "bubbles" src="img/sBubble.png">
                        <img class = "bubbles" src="img/sBubble.png">
                        <img class = "bubbles" src="img/sBubble.png">
                    </div>                       
                </div>
            </div>
        </div>
    </div>
</section>

的script.js

for (var i = 0; i < numClips; i++) {
    $($bubbles[i]).on('click', function () {
          alert('test') 
    });
 }

更新它是bootstrap css。如果我没有包含boostrap，那么点击在移动设备上工作正常，但我不知道css的哪个部分导致它失败。

UPDATE 2 特别是Boostrap中的网格系统。我正在玩自定义boostrap下载，我可以使用每个组件，除了打破幻灯片的网格系统。