Tôi đã cài đặt bootstrap-sass-official
và font-awesome
bằng cách sử dụng máy cắt. Tôi đã thử tất cả các kết hợp có thể để bao gồm fontawesome trong bootstrap bằng cách sử dụng scss.Bao gồm font-awesome trong bootstrap sass qua Bower
Các giải pháp có thể xảy ra nhất là quy định cụ thể trong hồ sơ main.scss
ứng dụng của tôi như sau:
$fa-font-path: "../bower_components/font-awesome/fonts";
@import "font-awesome/scss/font-awesome";
@import '../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss';
Và để ghi chú bên ngoài @import "bootstrap/glyphicons";
bên trong bootstrap.scss
tập tin chính.
Nếu tôi khởi chạy grunt serve
tại http://localhost:9000/
(Tôi đang sử dụng một gruntfile từ ứng dụng web mặc định yeoman) Tôi có thể thấy ứng dụng đang chạy.
Tôi có thể xem tệp main.css
của mình với tất cả các lớp fontawesome và bên trong nó là url tham chiếu đến vị trí của phông chữ (../bower_components/font-awesome/fonts/fontawesome-webfont.eot
).
Mọi thứ có vẻ ok nhưng bất cứ khi nào tôi sử dụng biểu tượng FontAwesome, ví dụ <span class="fa-star"></span>
Tôi nhận được một ô vuông trống thay vì biểu tượng. Tôi thiếu một số thứ tôi không thể thấy ...
FA không làm việc với bạn phải thêm tiền tố với fa: – pbenard
nghiêm túc? Tôi đã cho tôi 24 giờ để nhận ra sự ngu ngốc của tôi;) @ TheLittlePig nếu bạn viết bình luận của bạn như một câu trả lời tôi sẽ chấp nhận nó – Leonardo
Hoặc chúng tôi có thể xóa câu hỏi bởi vì có thể không có gì để làm với bower tại tất cả – Leonardo