Css 仅在移动设备上显示导航栏菜单项图标-引导

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

截图：

代码：

我通过使用一个自定义类解决了这个问题，该类的display属性设置为inline:

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

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