在Django徽章上测试Twitter引导

2024-04-26 21:21:32 发布

您现在位置:Python中文网/ 问答频道 /正文

我目前已经在我的Django测试站点上加入了twitter引导,但它不能正常工作。在

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

我在网站上只有成功徽章(绿色椭圆形中间有2)

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

但是,只有椭圆形和“2”将显示,但“2”周围的绿色不会显示。我只看到一个灰色的椭圆形,里面有个“2”。与引导网站上的默认徽章几乎相同,只是有一个“2”而不是“1”。在

我想知道有Django和twitter引导经验的人是否可以帮助我解决这个问题。在

这是我的视图.py公司名称:

^{pr2}$

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

谢谢你的帮助!非常感谢!在


Tags: djangobadge网站htmlloadtwitterbootstrapcompressed
1条回答
网友
1楼 · 发布于 2024-04-26 21:21:32

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

在所有这些之后,我将建议一种更经典的方法,而不使用压缩的方法:

<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中放入的文件夹

希望这会有用。在

相关问题 更多 >