Bootstrap 3 + Font-Awesome - このボタンがイメージをインラインで表示しないのはなぜですか？

Question

私は私のNavbarに単純なログアウトボタンを持っています、そして私は "Logout"という単語とフォントアウェイソームからアイコンをインライン表示してください。<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

フォントアワイソームをダウンロードしてルートディレクトリに入れる必要があるためです。それはあなたのライブリンクに表示されないからです。

これが助けを願っています。