2012-09-08 1 views
0

내가 부트 스트랩 앤 overrides.css.scss을 추가하여 부트 스트랩-말대꾸 및 글꼴 멋진-말대꾸 레일 보석 성공적으로 (glyphicons에서) 중복 아이콘을 근절 한을 사용하고 있습니다 :글꼴 최고 아이콘 정렬

[class^="icon-"] { 
    background-image:none; 
} 

그러나 이제는 라인 아이콘이 약간 벗어난 문제가 있습니다. 글리 phicons 전에 완벽했습니다. 지금은보고하고있다 :

enter image description here

내가 픽셀 또는 2가 도와주세요 아래로 아이콘을 이동하고 싶습니다. 감사.

답변

0

Font-Awesome Integration section에있는 LESS의 지침과 마찬가지로 글꼴 썸네일을 맨 위에 올려 놓지 않고 문자 아이콘 용 SASS를 모두 제거해야합니다. 내가 처음에는 거기에있을 필요가없는 CSS 규칙을 무시함으로써 외관을 저장하려고하는 모든 접근을 강력하게 막습니다.

나는 레일을 사용하지 않는,하지만 난 거친 윤곽이 될 것이다 가정

  1. 를 체크 아웃 bootstrap-sass repo의 사본.

  2. _bootstrap.scss 파일을 찾으십시오.

  3. @import "bootstrap/sprites";your/path/to/폰트 awesome.scss 포함 @import "your/path/to/font-awesome";로 대체.

  4. 다시 컴파일 bootstrap.scss (작게를하는 것을 잊지 마세요!).

+0

메르에서 봐, 이것은 정말 좋은 제안이며, 내가 보드에 촬영했습니다 하나 ... 나는 변화를 만들었지 만, 안타깝게도 여전히 아이콘 위치에는 조정이 없습니다. 감사! – Abram

+0

내가 썼던 원래의 질문과 같은 위치를 조작하는 일반적인 방법이 있어야합니다. [class^= "icon-"] { background-image : none; } 글리프콘의 경우 – Abram

+0

어쨌든 다른 일이 있었던 것 같습니다. 정확히 무슨 일이 있었는지 잘 모르겠지만, 부트 스트랩의 웅장한 버전으로 전환했고, 정리해야 할 남은 음식 몇 개가있었습니다. – Abram

0

인스턴트 메신저 트위터 - 부트 스트랩 - 레일 보석을 사용하여. 내가 주석했다 :

@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings.png"); 

bootstrap_and_overrides.css.less 파일