超链接在移动视图中不可单击，而在引导程序中可在桌面单击。为什么？

Question

下面是我的引导代码。图像上的超链接和“ Motorola Moto G6 Plus”标题也无法单击。我正在使用引导程序。

<div class="panel panel-white no-padding no-border "> 
<div class="panel-heading"> 
    <h4 class="panel-title ">Latest Launched Mobiles in Pakistan </h4> 
</div>
<div class="panel-body no-padding no-margin">
    <br>
    <div class=" col-md-2 col-sm-6 col-xs-6 no-padding no-margin">
        <div class="col-xs-12 no-padding"> <div class="text-center"> 
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2793/Motorola-Moto-G6-Plus.html">
                    <img src="https://viewpackages.com/prices/assets/images/mobiles/Motorola-Moto-G6-Plus-2793.png" alt="Motorola-Moto-G6-Plus mobile prices in Pakistan" title="Motorola-Moto-G6-Plus mobile prices in Pakistan" width="100" height="140">
                </a>
                <br><br>
            </div>
            <div class="caption text-center no-padding no-margin">  
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2793/Motorola-Moto-G6-Plus.html"> 
                    <h6 style="height: 40px; line-height: 18px;" class="no-padding no-margin text-bold"> Motorola Moto G6 Plus  </h6>
                </a>
                <p class ="text-green text-bold no-margin no-paddin">Rs.42000 $364</p>
                <p class="text-bold no-margin no-padding">9 online shop options <p><br>
            </div> 
        </div>
    </div>
     <div class=" col-md-2 col-sm-6 col-xs-6 no-padding no-margin">
        <div class="col-xs-12 no-padding"> <div class="text-center"> 
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2792/Motorola-Moto-G6.html">
                    <img src="https://viewpackages.com/prices/assets/images/mobiles/Motorola-Moto-G6-2792.png" alt="Motorola-Moto-G6-Plus mobile prices in Pakistan" title="Motorola-Moto-G6-Plus mobile prices in Pakistan" width="100" height="140">
                </a>
                <br><br>
            </div>
            <div class="caption text-center no-padding no-margin">  
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2792/Motorola-Moto-G6.html"> 
                    <h6 style="height: 40px; line-height: 18px;" class="no-padding no-margin text-bold"> Motorola Moto G6 Plus  </h6>
                </a>
                <p class ="text-green text-bold no-margin no-paddin">Rs.42000 $364</p>
                <p class="text-bold no-margin no-padding">9 online shop options <p><br>
            </div> 
        </div>
    </div>
</div>

下面是上面代码的输出屏幕截图，但是在移动视图中无法单击链接。

屏幕截图输出：

问题出在哪里？