4
Angular CLI로 만든 응용 프로그램이 있으며 bootstrap-sass
을 사용하여 테마를 사용자 정의하고 있습니다. 나는Angular CLI를 사용하는 웹 응용 프로그램에 부트 스트랩 - 새시 글리프 아이콘이 표시되지 않습니다.
scss
파일에서
<span class="glyphicon glyphicon-user"></span>
이 내 html
파일에서
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js"
]
이 다음 버전 ... 내 .angular-cli.json
에서
node: 6.9.5
os: win32 x64
@angular/common: 2.4.8
@angular/cli: 1.0.0-rc.0
@angular/compiler-cli: 2.4.8
bootstrap-sass: 3.3.7
을 사용하고 있습니다
$bootstrap-sass-asset-helper: true;
$icon-font-path: if($bootstrap-sass-asset-helper, "../bootstrap/", "../fonts/bootstrap/");
@import "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
ng serve
또는 ng build
을 실행하면 응용 프로그램이 브라우저 콘솔에서 오류없이 올바르게 실행될 때 오류가 없습니다. 그러나 아이콘은 여전히 표시되지 않습니다. 원래 글리프 아이콘이 제대로 표시되도록이 애플리케이션을 실행 한 다음 코어 애플리케이션 코드를 새로운 angular-cli
애플리케이션으로 마이그레이션했습니다. 제가 누락 된 것이 있습니까?
닫는 span 태그 추가에 다음과 같은 <스팬 클래스 = "glyphicon glyphicon 사용자"> – ArrowHead
으로 부트 스트랩에 CDN 글꼴을 지정하여이 같은 첫 @import 넣어 시도 해결할 수 있습니다 라인 .. 어떤 변화? –
@ArrowHead, 제 코드에이 코드를 여기에 추가하는 것을 잊어 버렸습니다. – Jacqueline