bootstrap 3 + font-awesome - 为什么这个按钮不会显示内嵌图像？

Question

我的导航栏中有一个简单的注销按钮，我希望“Logout”这个词和font-awesome中的图标显示为内联。我认为<span>是内联标记，但它导致换行符。我需要跨度才能在小屏幕上隐藏额外的文字。

<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>

您可以在此处查看问题：http://bootply.com/94625

Answer 1

尝试添加：

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

.hidden-xs将您的范围显示设置为阻止

Answer 2

这是因为您需要下载font-awesome并将其放在根目录中，并将其指向您的头部。那是因为它没有显示在您的实时链接上。

希望这会有所帮助。