当浏览器变得对移动设备友好时,我已尽一切努力使我的 3 个徽标消失。相反,它们只是漂浮在屏幕上。我尝试在导航条代码之前、之后和各种位置放置我的图像:
<header id="header">
<div id="headerbg"></div>
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"></a>
<img class="appstore" src="img/apple.png"></img>
<img class="appstore" src="img/googleplay.png"></img>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul id="nav" class="nav">
<li><a href="#home" class="active">home</a></li>
<li><a href="#about">about</a></li>
<li><a href="#features">features</a></li>
<li><a href="#signup">signup</a></li>
<!-- portfolio link not needed <li><a href="#portfolio">portfolio</a></li> -->
<li><a href="#contact">contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
你可以在这里看到我的网站.com
如果你把浏览器变小,你会注意到导航栏菜单图标出现了,如果你点击它,我的标志,谷歌商店,苹果商店,到处都是浮动的。这让我发疯了。我搜索了引导程序、堆栈溢出、谷歌和其他网站来尝试解决这个问题。我显然在为这个网站使用 Twitter Bootstrap。任何帮助将非常感激!