我真的无法解释为什么会发生这种情况但我正在BS3中构建WP主题,出于某种原因,在平板电脑视口(768到991px)上我的链接停止工作。它们不可点击,可点击,可选择等等。
导致这种奇怪现象的原因是什么?如何诊断我的网站何时符合W3C标准?
呃......恐怖!
我真的没有代码来支持这个,但我可以在这里粘贴整个页面。我会根据要求,或我的CSS文件等。
答案 0 :(得分:1)
使用bootstrap .col- * DIV应该驻留在.row DIV中,然后是.container DIV。我可以在你的html中看到你有2个顶级DIV和一个.col- *类,并且它们有不同的屏幕尺寸。你的页脚DIV有一个'col-lg-12页脚区域',这意味着当它低于991px时它将停止浮动,而其余的内容浮动,这是导致问题的原因。
如果您将页脚类更改为:'col-sm-12 footer area' - 这将解决问题。
但你理想情况下需要做的是从你的页脚和页面包装中删除col-sm-12并将其替换为'container',使它们看起来像:<div class="container footer area">