0

我目前在我的 Django 测试站点上集成了 twitter 引导程序,但它无法正常工作。

我在引导网站上测试了一个代码示例: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 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>

谢谢大家的帮助!非常感激!

4

1 回答 1

1

我认为您的compressed_js 和compressed_css 不能解决问题。要检查是否一切正常,请使用 示例FireBug,然后按 F12 并将鼠标指向徽章以查看 CSS 规则是否显示在左侧面板上。重复此步骤以获得徽章成功以尝试找到它。

毕竟这一切我会建议一个更经典的方式没有压缩_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夹在哪里staticsettings.py

希望这会有用。

于 2013-09-09T08:33:12.523 回答