Zainstalowałem bootstrap-sass-official
i font-awesome
używając altany. Próbowałem wszystkich możliwych kombinacji, aby dołączyć fontawesome w bootstrapie za pomocą scss.Dołącz font-awesome w bootstrap sass przez Bower
Najbardziej prawdopodobnym rozwiązaniem jest określenie w mojej aplikacji main.scss
pliku następujące:
$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';
I zakomentuj @import "bootstrap/glyphicons";
wewnątrz głównego bootstrap.scss
pliku.
Jeśli uruchomię moją grunt serve
pod http://localhost:9000/
(używam pliku gruntów z domyślnej aplikacji webowej), widzę, że działa moja aplikacja.
widzę mój plik main.css
ze wszystkimi fontawesome klas i wewnątrz niego url odniesienia do lokalizacji czcionek (../bower_components/font-awesome/fonts/fontawesome-webfont.eot
).
Wszystko wydaje się ok, ale za każdym razem, gdy używam ikony FontAwesome, na przykład <span class="fa-star"></span>
, pojawia się puste kwadratowe pole zamiast ikony. Brakuje czegoś, czego nie widzę ...
FA nie pracują z trzeba poprzedzić z fa: – pbenard
poważnie? Zajęło mi to 24 godziny, aby zdać sobie sprawę z mojej głupoty;) @ TheLittlePig, jeśli napiszesz swój komentarz jako odpowiedź, zaakceptuję to. – Leonardo
Albo możemy usunąć pytanie, ponieważ być może nie ma to nic wspólnego z altaną – Leonardo