부트 스트랩 3 + 글꼴 - 굉장히 -이 버튼이 이미지 인라인을 표시하지 않는 이유는 무엇입니까?

Question

내 navbar에 간단한 로그 아웃 버튼이 있고 "로그 아웃"이라는 단어와 글꼴 멋진 아이콘을 사용하여 인라인으로 표시합니다.나는 <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

글꼴 멋진 글꼴을 다운로드하고 루트 디렉토리에 넣어야하므로 머리 섹션에서도 지적하십시오.그것이 라이브 링크에 표시되지 않기 때문입니다.

이것은 도움이되기를 바랍니다.