css - 仅在移动设备上显示导航栏菜单项字形图标 - Bootstrap

Question

我想在我的登录按钮旁边显示字形图标，仅当用户使用移动设备时。我为此使用了 visible-xs 类，但是，在使用任何响应实用程序时，字形图标未与文本对齐。

截图:

代码:

    <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

我通过使用显示属性设置为内联的自定义类解决了这个问题:

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