在 Django 徽章上测试 Twitter 引导程序
Posted
技术标签:
【中文标题】在 Django 徽章上测试 Twitter 引导程序【英文标题】：Testing Twitter bootstrap on Django badges 【发布时间】：2013-09-12 11:49:04 【问题描述】：我目前在我的 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 引导经验的人可以帮助我解决这个问题。
这是我的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>
感谢大家的帮助！非常感谢！
【问题讨论】：
“2”真的显示为灰色还是黑色？ @FoxMaSk 所以徽章全是灰色的，但“2”是白色的。 您是否尝试使用另一个 badge-xxx CSS 类来查看它是否链接到 badge-success 或链接到所有 badge-xxx CSS 类？ 我现在就试试！ @FoxMaSk 我刚刚尝试了每个徽章，它们都有相同的输出。中间有白色文字的灰色徽章 =/ 【参考方案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 是我在 static 中设置的文件夹，我在 settings.py 文件中设置
希望这会有用。
【讨论】：
这非常有用，谢谢！以上是关于在 Django 徽章上测试 Twitter 引导程序的主要内容，如果未能解决你的问题，请参考以下文章
Yii2 Twitter Bootstrap 徽章颜色不变：未找到徽章成功徽章危险等类别