Question

当浏览器变得适合移动设备时，我已经尝试了一切使我的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

如果你使浏览器变小，你会发现导航栏菜单图标显示出来，如果你点击它，我的标识，谷歌商店，苹果商店，到处都是浮动的。这让我疯了。我搜索了bootstrap，堆栈溢出，谷歌和其他网站，试图弄清楚这一点。我明显在这个网站上使用Twitter Bootstrap。任何帮助将不胜感激！

Answer 1

奇怪的是，我使用Google webtools检查了您的网站，当我只是添加类'hidden-phone'（=您需要添加到元素的类以隐藏它们在引导程序中）到相关的链接/图像，它们按预期消失。

3响应导航栏不会消失徽标

1 个答案: