2013-09-09 2 views
0

У меня в настоящее время есть загрузочный лоток на моем тестовом сайте Django, но он работает неправильно.Тестирование загрузочной щели Twitter на значки Django

Я проверял пример кода на начальной загрузки сайта: http://getbootstrap.com/2.3.2/components.html#labels-badges

Все, что я был на сайте является успех значок (зеленый овал с 2 в середине)

<span class="badge badge-success">2</span> 

Однако, будет отображаться только овал и «2», но зеленый цвет вокруг «2» не отображается. Все, что я вижу, это серый овал с «2» внутри. Совсем так же, как и значок DEFAULT на веб-сайте начальной загрузки, кроме «2» вместо «1».

Мне было интересно, поможет ли кто-нибудь с опытом загрузки Django и twitter bootstrap с этой проблемой.

Вот мой views.py:

from django.http import HttpResponse 
    from django.template import RequestContext, loader 
    from django.shortcuts import render, render_to_response 

    def index(request): 
     return render(request,'homepage/index.html') 

Вот мой HTML-файл:

{% load staticfiles %} 
    {% load compressed %} 

    <!DOCTYPE html> 

    <head> 
    {% compressed_js 'bootstrap' %} 
    {% compressed_css 'bootstrap' %} 
    </head> 

    <html> 
    <body> 

    <span class="badge badge-success">2</span> 

    </body> 
    </html> 

Спасибо за помощь! очень признателен!

+1

"2" действительно отображается серым или черным? –

+0

@FoxMaSk Значок все серый, но «2» белый. – Liondancer

+1

Вы пробовали с другим классом CSS-значка xxx, чтобы узнать, связано ли оно с успехом значка или связано со всем классом CSS-значка-xxx? –

ответ

1

Я думаю, что ваши сжатые_js и compress_css не делают трюк. Чтобы проверить, все ли в порядке, используйте для примера FireBug, затем нажмите F12 и наведите указатель мыши на значок, чтобы увидеть, отображается ли правило CSS на левой панели. Повторите этот шаг для достижения значка, чтобы попытаться его найти.

После всего этого я предложу более классический путь без compressed_xxx:

<link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" type="text/css" media="screen" /> 
<link rel="stylesheet" href="{% static "bootstrap/css/bootstrap-responsive.min.css" %}" type="text/css" media="screen" /> 

где bootstrap папка я положил в static установки один I в settings.py файле

Надеется, что это быть полезным.

+0

Это было невероятно полезно СПАСИБО! – Liondancer