2013-09-26 2 views
3

나는 일반 글 머리 기호 대신 glyphicon-ok를 갖는 각각의 리와 함께 ul을 수행하려고합니다. 내가 사용부트 스트랩 3/레일 및 HAML에서 글리프콘을 리볼트 포인트로 사용

코드는 다음과 같습니다 아이콘을 출력되지만 텍스트가 새로운 로마 (나는 추측하고있어)에서 보여주는 배

%li.glyphicon.glyphicon-ok ok sign? 

. CSS를 검사 할 때 글꼴은 여전히 ​​'글리프콘'이라고합니다.

나는 HAML이 콘텐츠 서식 지정에 이상적이지 않다는 것을 읽었으며, 이것이 이유라고 생각합니다.

텍스트를 내 맞춤 글꼴을 존중하기 위해 사용해야하지만 glyphicons를 사용할 수있는 기능은 여전히 ​​보유하고 있습니다.

많은 감사

+0

일반 HTML/CSS (HAML 아님)에서이 작업을 수행하려는 사람들을 위해 여기에 게시 한 비슷한 질문이 있습니다. http://stackoverflow.com/questions/31196980/using-a-glyphicon-as-an-li- 글 머리 기호 -point-bootstrap-3 –

답변

2

왜 배경으로 glyphicon-확인 이미지로 리 내부의 텍스트를 작성? 당신이 다음

%li.glyphicon.glyphicon-ok 
    %span your text 

과 같은 glyphicon 리튬 내부 링크 또는 아무것도 둥지를해야하는 경우 사용자 정의 CSS를

를 사용하는 내부 스팬을 대상으로하거나이 기간

%span.glyphicon.glyphicon-ok 
    %li your text 
내부에 리튬을 사용하여 주위에 다른 방법을 수행 할 수 있습니다
+0

안녕하세요 사용자, "왜 gly 안의 이미지를 ba로 사용하여 li 안에 텍스트를 쓰고 있습니까? ckground? " - 나는 내가 누군지 알지 못했고, 전에는 글리 phicon을 사용하지 않았다. '내면 스팬을 사용하여 맞춤 CSS'를 사용한다는 것은 무엇을 의미합니까? CSS의 예를 들어 주시겠습니까? 내 custom.scss.css에 말 그대로 .span {font-family : x '}입니까? – gorlaz

+0

"% li.gylphicon.glyphicon-ok your text"를하면, li의 배경 이미지가 glyphicon-ok 이미지로 적용되고 텍스트가 그 이미지 위에 놓이게되며 원하는 것은 없다고 생각합니다. 그렇게하면 텍스트를 안에 중첩시키는 것이 더 좋을 것입니다. 그런 다음 텍스트 요소에 원하는 클래스 나 ID를 부여한 다음 일반 요소로 대상을 지정할 수 있습니다 (예 : 클래스 텍스트를 지정한 경우 .text {font -family : 사용자 정의 글꼴} – Mandeep

+0

Legend - 감사합니다. .text 클래스를 스팬에 두지 않습니다. 내가 지금 그 작품을 얻은 것은; % li.glyphicon.glyphicon-ok % span.text your text – gorlaz

관련 문제