Question

我的网站工作正常，但在移动模式下，所有链接（导航除外）都不再可点击。有谁知道如何改变这个？我对Bootstrap并不太熟悉，尽管我已尽力排除故障。

如果有人可以提供帮助，请提前感谢您。

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>

只需在上面的div中添加一个类名，并为移动设备显示为无，您的网站就可以了。

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

1 个答案: