2017-12-03 10 views
0

부트 스트랩 4.0을 사용하고 있습니다. 4.0 설명서는 아이콘을 언급하지 않지만 3.3 설명서는 설명합니다. 이 아이콘 버튼을 갖고 싶습니다 :glyphicons.css를 얻는 올바른 방법은 무엇입니까?

<button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star 
</button> 

나는 3.3 문서에서 얻었지만 작동하지 않습니다. 내가 솔루션 (1, 2 등)가 수동으로이 같은 파일을 나열하는 것 같다 할 수있는 방법을 구글을했다 :

불행하게도
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 

나는 버전 4.0를 찾을 수 있지만 수 없습니다 어쨌든 무슨 일이 일어나고 있는지 모른 채 그것을 추가하고 싶지 않을 것입니다. 부트 스트랩 홈페이지의 cdn 링크에 포함되지 않는 이유는 무엇입니까? 이 파일을 너 자신에게 제공해야한다고 생각하니? 하지만 부트 스트랩을 다운로드했는데 아무 것도 없습니다.

enter image description here

나는 무엇을 놓치고? 아이콘이있는 단추가 필요합니다.

+0

fontawesome을 사용하지 않으시겠습니까? http://fontawesome.io/ – vinsentos

+0

[Docs] (https://getbootstrap.com/docs/4.0/migration/#components)를 참조하십시오.이 아이콘들은 부트 스트랩 아이콘 4 제거에 대해 다룹니다. 그래서 의미가있는 것을 사용하십시오. 그리고 몇 가지 아이콘 만 있으면 [Icomoon] (https://icomoon.io/) 또는 [Fontello] (http://fontello.com/)과 같은 것으로 보입니다. – vanburen

답변

0

글꼴 사용 Awesome its AWESOME !!

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 

<button type="button" class="btn btn-default btn-lg"> 
     <span class="fa fa-star" aria-hidden="true"></span> Star 
</button> 

꽤 잘 작동합니다. http://fontawesome.io/icons/

행운을 빕니다 :

여기에 모든 아이콘의 목록입니다!

+0

나는 다음 사람만큼 멋진 글꼴을 좋아하지만 문제가있다. 문제 1, 부트 스트랩이이를 승인 한 방법입니까? 문제 2, 말 그대로 하나 또는 두 개의 아이콘이 필요합니다. 나는 순진한 몇 가지 아이콘을 위해 모든 것을 추가하는 것을 싫어한다. 문제 3, 버전은 여전히 ​​일치하지 않습니다 ಠ_ – user875234