仅在移动设备上显示导航栏菜单项glyphicon - 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; 
    } 
}