仅在移动设备上显示导航栏菜单项glyphicon - Bootstrap

Question

我想在我的登录按钮旁边显示glyphicon，仅当用户在移动设备上时才显示。我正在使用visible-xs类，但是当使用任何响应实用程序时，glyphicon与文本不对齐。

截图：

代码：

    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-log-in visible-xs"></span> Belépés</a></li>
      </ul>
    </div>

Answer 1

我通过使用display属性设置为inline的自定义类来解决它：

@media only screen and (max-width: 768px) {
    .hidden-on-mobile{
        display: inline; !important;
    }
}