移动设备上引导的CSS对齐问题

我正在使用bootstrap进行样式设置，在手机上检查时，我注意到顶部菜单链接与另一个图像重叠（请参见），我如何修复此问题（仪表板链接看起来没有响应）

下面是HTML代码

<a href="/dashboard" class="btn btn-success pull-right login-btn">Dashboard</a>
<div class="top-menu pull-right  home-menu" id="main-menu">
  <ul class="nav">
    <li><a href="/features">Features</a></li>
    <li><a href="/plans">Pricing</a></li>
    <li><a href="/demo">Demo</a></li>    
  </ul>
</div>

---

从css中的

body.frontend.header.top菜单中删除
position:absloute

body.frontend .header .top-menu {
margin-top: 5px;
padding: 5px 10px;
}

从css中的
body.frontend.header.top菜单中删除
position:absloute

body.frontend .header .top-menu {
margin-top: 5px;
padding: 5px 10px;
}

左边距：140px，不灵活。也许这就是问题所在，是的。删除绝对位置。@AntonioM.Mérida，Abdul和David，谢谢大家，我将把代码推到服务器上，并在移动分辨率上进行验证。目前，接受答案的人也会回来投票表决。左派：140px，不灵活。也许这就是问题所在，是的。删除绝对位置。@AntonioM.Mérida，Abdul和David，谢谢大家，我将把代码推到服务器上，并在移动分辨率上进行验证。目前，接受答案的人也会回来投票。