2014-09-28 5 views
2

Глификоны отображаются как пустые прямоугольники на моем сервере разработки.Django not rendering Glyphicons

настройки

from unipath import Path 

BASE_DIR = Path(__file__).ancestor(2)         
STATICFILES_DIRS = (BASE_DIR.child("static", "static_dirs"),)   
STATIC_URL = '/static/'  

шаблон

{% load staticfiles %} 
<span class="glyphicon glyphicon-heart"></span> 
<span class="glyphicon glyphicon-calendar"></span> 

bootstrap.css/bootstrap.min.css

src: url('../fonts/glyphicons-halflings-regular.eot'); 
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 

URLs

urlpatterns = patterns('', 
    url(regex = r'^$', 
     view = 'tesglyph.views.testglyph'), 
) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) 

Когда я добавляю к

base.html

<head> 
(...) 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"  rel="stylesheet">(...) 
</head> 

Я получаю сердце, но не календарное!

Как исправить это?

+0

Вы проверили генерируемый html для точности? одна причина работает, а другая, скорее всего, не является опечаткой или конфликтующим именем класса. – karthikr

ответ

4

Это кажется чрезмерно сложным, считали ли вы что-то вроде django-bootstrap3?

Все нужно было быть-

{% load bootstrap3 %} 

... 

{% bootstrap_icon "heart" %} 

Обратите внимание, что это решение означает, что вы только код в шаблоне, экономя массу головной боли. Замените сердце значком значка начальной загрузки, которое вы хотите отобразить. Вот и все.

+0

Я уже изучил ее, но я стараюсь настроить bootstrap.css. Влияет на многое? – z82n

+1

Не с точки зрения отображения значков до тех пор, пока ваш ручной загрузочный импорт css/js происходит после использования '{{bootstrap_css}} и' {{bootstrap_js}} ', так что ваш ручной импорт будет учитывать возможность автоматического импорта нагрузки заявление. Просмотрите источник html страницы, чтобы просмотреть содержимое этих инструкций, и просто имейте в виду, что последний импорт для cad имеет приоритет на каждое свойство. –

+0

В комментарии к вашему «локальному каталогу ниже» вы должны следовать рекомендациям для [статических файлов] (https://docs.djangoproject.com/en/dev/howto/static-files/). Вы не можете вытащить из локального каталога в процессе производства, а вместо файлов в настройках STATICFILES_DIRS выполняются поиск всех используемых файлов, которые затем копируются вам STATIC_ROOT. Это не просто лучшая практика, но необходимая для функционирования сайта для правильного вызова статических файлов с соответствующими тегами. [Читать] (http://blog.doismellburning.co.uk/2012/06/25/django-and-static-files/). –