Question

我目前在我的Django测试网站上安装了twitter bootstrap，但它无法正常工作。

我在bootstrap网站上测试了一个代码示例：http://getbootstrap.com/2.3.2/components.html#labels-badges

我在网站上的所有内容都是成功徽章（绿色椭圆形，中间有2个）

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

但是，仅显示椭圆和“2”，但不显示围绕“2”的绿色。我只看到一个灰色的椭圆形，里面有一个“2”。与bootstrap网站上的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规则是否显示在左侧面板上。重复此步骤以获得徽章成功，以尝试找到它。

在所有这些之后我会建议一种没有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文件中设置的settings.py文件夹中的文件夹

希望这会有用。

在Django徽章上测试Twitter引导程序

1 个答案: