Bootstrap 3 + STONT-AWESOME - Почему эта кнопка не будет отображать изображение в Inline?

Question

У меня есть простая кнопка выхода из системы в моей навках, и я хотел бы, чтобы слово «Выход» и значок из шрифта-потрясающей, чтобы отобразить встроенный.Я думал, что <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

Это потому, что вам нужно скачать шрифт-потрясающие и иметь его в вашем корневом каталоге, также укажите его в голове.Это потому, что он не показывает в вашей живой ссылке.

Надеюсь, это поможет.