如何通过移动设备在Bootstrap中链接点击？

Question

我有一个网站，罚款正常，但是当工作在移动模式下，所有的链接（与导航的除外）不再点击。有人知道如何改变这个吗？尽管我已尽力解决Bootstrap问题，但我并不太熟悉Bootstrap。

这里的网站：http://dominiquehall.com/dom/

谢谢你在前进，如果有人可以提供帮助。

Answer 1

从主题CSS文件（agency.min.css）在行477删除以下代码：

div { 
height: 100%; 
} 

或者，您可以在您的自定义CSS文件中添加以下代码重写属性：

div{ 
height: auto !important; 
} 

在你的代码的问题是具有DIV高度100％，从而覆盖所有环节的财产。包含弹吉他的人的图像的div覆盖移动模式下的链接。图像被隐藏，但div仍然存在。

另一个劈是藏在移动模式特定的div。

@media screen and (max-width:991px) 
{ 
    .target_div{ 
    display: none: 
    } 
} 

在你的情况下，目标DIV是：

<div class="col-lg-4 col-md-5"> 
      <div class="fixed"> 

      <img src="./img/dom1.jpg" id="photo" class="hidden-sm hidden-xs" alt=""> 

     <a href="file:///Users/kelseygraham/Desktop/dom3/pdf/resume.pdf" id="bottom-left" class="btn hidden-sm hidden-xs">View Resume</a> 

<a href="file:///Users/kelseygraham/Desktop/dom3/pdf/equipment.pdf" id="bottom-right" class="btn hidden-sm hidden-xs">Equipment List</a> 
       </div> 
     </div> 

只需添加一个类名以上股利和一个显示为没有针对移动设备和您的网站是好去。