PNG图像无法显示

时间:2014-10-10 10:38:26

标签: javascript jquery html css twitter-bootstrap

我目前正在使用引导程序折叠导航,以便在移动设备上查看我的网站时。我想从页面顶部隐藏我的徽标,并将其与我的切换按钮内联,以节省一些屏幕空间。当我尝试将图像放入导航栏时,它似乎无法显示,所有显示的都是我的ALT文本。这是我目前正在使用的代码。

 <div class="row">
        <div class="col-md-12">
            <nav  id="menu1"  class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                     <div id="logo" class="pull-left hidden-md hidden-lg">
                            <div class="img-responsive logo-small">
                                <img src="images/logo-xs.png" alt="small-logo"/>
                         </div>
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <?php wp_nav_menu( array( 'theme_location' => 'main-menu',
                                        'depth' => 2,
                                          'container_class' => 'collapse navbar-collapse',
                                         'menu_class' => 'nav nav-pills nav-justified',
                                        'walker' => new wp_bootstrap_navwalker() )); ?>

            </nav>
        </div>

3 个答案:

答案 0 :(得分:1)

尝试使用Chrome开发工具查找图像的网络请求。

Chrome Dev Tools, network tab

答案 1 :(得分:0)

您似乎错过了结束</div>标记。我想它应该在<button>

之前

答案 2 :(得分:0)

你错过了一个结束&#34; div&#34;标签。因为&#34; nav&#34;标签部分打开三个&#34; div&#34;但关闭两个&#34; div&#34;标签