在Django徽章上測試Twitter引導程序

Question

我目前在我的Django測試網站上合並了twitter bootstrap，但無法正常工作。

我在引導網站上測試了一個示例代碼： 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引導經驗的人能幫助我解決這個問題。

這是我的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>

感謝您的所有幫助！ 非常感激！

Answer 1

我認為您的compressed_js和compressed_css不能解決問題。 要檢查一切正常，請使用FireBug為例，然后按F12並將鼠標指向徽章上，以查看CSS規則是否顯示在左側面板上。 對徽章成功重復此步驟以嘗試找到它。

在完成所有這些之后，我將建議一種不使用compression_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是我在settings.py文件中設置的static文件夾中放置的文件夾

希望這會有用。

在Django徽章上測試Twitter引導程序

問題描述

1 個解決方案

解決方案1
1 已采納

在Django徽章上測試Twitter引導程序

問題描述

1 個解決方案

解決方案1 1 已采納

解決方案1
1 已采納