当我的网站在移动设备上查看时,我目前正在使用 Bootstrap 折叠导航。我想从页面顶部隐藏我的 Logo 并将其与我的切换按钮放在一起以节省一些屏幕空间。当我尝试将我的图像放入导航栏时,它似乎没有显示,所有显示的都是我的 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>
最佳答案
例如尝试使用 Chrome 开发工具查找图像的网络请求。
关于javascript - PNG 图像不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26297481/