Question

我不太确定这是否已被提及/已经回答，但似乎我无法从搜索中得到任何结果。

我的问题是我希望在bootstrap的移动布局上看到m.facebook（带有inbox / notifs图标的那个）的界面。我已经做到这一点，但它似乎有填充/对齐问题：

<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span>
<span class="icon-bar"></span></button>

<a class="navbar-brand" href="<?php echo URL;?>"><img src="<?php echo URL;?>img/logo.png" alt="Park"/></a>
  <ul class="list-inline">
  <li role="presentation"><a href="#"><span class="glyphicon glyphicon-envelope"></span> <span class="badge disabled btn-info">3</span></a></li>
  <li role="presentation"><a href="#"><span class="glyphicon glyphicon-plus"></span> <span class="badge disabled btn-info">11</span></a></li>
  <li role="presentation"><a href="#"><span class="glyphicon glyphicon-cloud"></span> <span class="badge disabled btn-info">23</span></a></li>
  </ul>

</div>

运行时，它会在桌面模式下显示品牌（徽标）下方的图标，并且在移动模式下图标会在线显示但未对齐。

当我将<ul class="list-inline">更改为<ul class="navbar-brand list-inline">时，它会反向运行（即桌面模式显示带有品牌（徽标）的内嵌图标，但在移动设备上则低于品牌（徽标））

PS。我仍然需要汉堡包（下拉菜单）供其他用途。

感谢。

bootstrap navbar移动模式内联菜单

0 个答案: