Bootstrap Glyphicons nie czyniąc przy użyciu lokalnej wersji Bootstrap

Question

Używam bootstrap w Django i działa idealnie dla wszystkich innych klas bootstrapowych wyjątkiem klas ikon takich jak: class="glyphicon glyphicon-download-alt"

Migawka z błędu w prawym dolnym rogu:

Snapshot gdy plik bootstrap.min.css obejmowały:

On robi wglądu elementu ona zawierać wszelkie glyphicons jego migawkę IS-

To działa tylko wtedy, gdy mogę połączyć http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css w moim pliku html; ale to nie działa, jeśli dołączę mój komputer bootstrap.min.css z mojego komputera. W przeciwnym razie każda klasa bootstrap działa idealnie. Mam nadzieję, że rozumiesz mój problem. Z góry dziękuję.

Answer 1

Nie działa, ponieważ zapisano plik CSS z linku CDN. To nie zadziała, ponieważ glify są powiązane z tym plikiem CSS. Przykład:

@font-face{ 
    font-family:'Glyphicons Halflings'; 
    src:url(../fonts/glyphicons-halflings-regular.eot); 
} 

Oznacza to, że pobrany plik Bootstrap poszukuje dla glyphicons w folderze na komputerze (które nie posiadają).

Musisz poprawnie pobrać Bootstrap z the official download link. Oficjalny plik do pobrania zawiera katalog /fonts/ zawierający rzeczywiste pliki czcionek glyphicon.

Alternatywnie, możesz zmienić wszystkie ścieżki czcionek w pliku CDN, aby były bezwzględnymi linkami do czcionek w CDN ... ale to naprawdę nie ma sensu.

Answer 2

Wreszcie mój problem został rozwiązany. W rzeczywistości problem polegał na tym, że podczas korzystania z Glifphonów na naszej stronie internetowej, jak w django, musimy również skopiować folder czcionek z folderu bootstrap-3.3.2-dist pobranego z bootstrap official link

Innym problemem jest to, gdzie to naprawić. Zobacz tę strukturę, w której czcionki są zgodne z plikiem css, a następnie wklej folder z czcionkami.

 
bootstrap/ 
├── less/ 
├── js/ 
├── fonts/ 
├── dist/ 
│ ├── css/ 
│ ├── js/ 
│ └── fonts/ 
└── docs/ 
    └── examples/ 

Ale działało to dla mnie w django po prostu w folderze statycznym.