Twitter bootstrap 3 引导程序3+;字体真棒-为什么赢了';这个按钮是否显示图像?

Twitter bootstrap 3 引导程序3+;字体真棒-为什么赢了';这个按钮是否显示图像?,twitter-bootstrap-3,font-awesome,Twitter Bootstrap 3,Font Awesome,我有一个简单的注销按钮在我的导航栏,我想“注销”一词和图标从字体真棒显示内联。我原以为是一个内联标记,但它导致了换行。我需要跨度,以便在小屏幕上隐藏额外的文本 <a href="/logout/" type="button" class="btn btn-default navbar-btn pull-right"> <span class="hidden-xs">Logout</span><i class="fa fa-sign-out fa-lg

我有一个简单的注销按钮在我的导航栏,我想“注销”一词和图标从字体真棒显示内联。我原以为
是一个内联标记,但它导致了换行。我需要跨度,以便在小屏幕上隐藏额外的文本

<a href="/logout/" type="button" class="btn btn-default navbar-btn pull-right">
  <span class="hidden-xs">Logout</span><i class="fa fa-sign-out fa-lg"></i>
</a>

您可以在此处看到问题:

尝试添加:

@media(min-width:768px)
{  
.hidden-xs{display:inline !important}
}

.hidden xs将span的显示设置为block

这是因为您需要下载font-awesome,并将其放在根目录中,同时将其指向head部分。那是因为它不会显示在你的直播链接上


希望这有帮助

我要花上一整天的时间才能自己弄明白。谢谢我仍然不知道为什么没有@media位它就不能工作,或者为什么没有@media位它就不能工作!重要位。如果没有媒体查询,您的.hidden xs将不会被隐藏(因为显示将始终是内联的)!重要信息将需要使用.hidden xs定义!也很重要。唯一可以否决的办法!重要的是和别人在一起!重要的