Django没有渲染Glyphicons

时间:2014-09-28 16:38:07

标签: django twitter-bootstrap glyphicons

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');

网址

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>

我得到的是心脏,但不是日历!

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:4)

这看起来过于困难,你考虑过django-bootstrap3吗?

所有需要的是 -

{% load bootstrap3 %}

...

{% bootstrap_icon "heart" %}

请注意,此解决方案意味着您只需在模板中进行编码,从而避免了大量的麻烦。将heart替换为要显示的引导程序图标名称。就是这样。