0

当浏览器变得对移动设备友好时,我已尽一切努力使我的 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。任何帮助将非常感激!

4

1 回答 1

0

奇怪的是,我使用 Google webtools 检查了您的网站,当我简单地将类“hidden-phone”(= 您需要添加到元素以在引导程序中隐藏它们的类)添加到相关链接/图像时,它们会按预期消失。

于 2013-05-11T15:14:44.570 回答