僅在移動設備上顯示導航欄菜單項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; 
    } 
}