1

私はhttp://www.inboundio.comに取り組んでおり、スタイリングにブートストラップを使用しています。モバイルで確認しているときに、トップ メニューのリンクが別の画像と重なっていることに気付きました ( http://i.imgur.com/X8FFuaz を参照)。 png )、これを修正するにはどうすればよいですか (ダッシュボードのリンクが反応しないように見えます)?

ここに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-menu {
margin-top: 5px;
padding: 5px 10px;
position: absolute;
left: 50%;
margin-left: 140px;
}

.nav {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
}

.pull-right {
float: right;
}
4

1 に答える 1

4

あなたのcssposition:abslouteから削除しますbody.frontend .header .top-menu

body.frontend .header .top-menu {
margin-top: 5px;
padding: 5px 10px;
}
于 2013-06-25T13:59:28.940 に答える