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>
我得到的是心脏,但不是日历!
我该如何解决这个问题?
答案 0 :(得分:4)
这看起来过于困难,你考虑过django-bootstrap3吗?
所有需要的是 -
{% load bootstrap3 %}
...
{% bootstrap_icon "heart" %}
请注意,此解决方案意味着您只需在模板中进行编码,从而避免了大量的麻烦。将heart替换为要显示的引导程序图标名称。就是这样。