【问题标题】:How can I identify CSS style paths in a bootstrap template?如何识别引导模板中的 CSS 样式路径?
【发布时间】:2017-04-12 19:38:58
【问题描述】:

我正在将引导模板添加到我的 Django 项目中。加载页面并查看内容时,我注意到它没有加载 CSS 样式,当我尝试编辑文件时,我通过识别路径并添加正确的路径而感到困惑CSS 样式是。如果有人帮助我解决我的问题,我将不胜感激。

这是原始文件(引导模板):

<!DOCTYPE html>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Freelancer - Start Bootstrap Theme</title>

<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Theme CSS -->
<link href="css/freelancer.min.css" rel="stylesheet">


<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

这是我的 setting.py 文件:

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
LOGIN_REDIRECT_URL = '/'

我的应用程序(crm)\urls.py 文件:

from django.conf.urls import url, include
from django.contrib import admin
from . import views

urlpatterns = [
    url(r'^$', views.HomePageView.as_view()),
    url(r'^admin/', admin.site.urls),
    url(r'^', include('crm.urls')),
]

还有我的 views.py 文件:

from django.shortcuts import render
from django.views.generic import TemplateView

# Create your views here.
class HomePageView(TemplateView):
    def get(self, request, **kwargs):
        return render(request, 'crm/index/index.html', context=None)

【问题讨论】:

    标签: python html css django templates


    【解决方案1】:
    1. 不要使用相对路径,例如href="vendor/font-awesome/css/font-awesome.min.css"。它将呈现为当前 url 的前缀。例如,当您访问http://www.example.com/aaa/bbb 时。它将呈现为http://www.example.com/aaa/bbb/vendor/font-awesome/css/font-awesome.min.css。所以你永远不会加载你的 css 文件。
    2. 使用绝对路径,例如href="/vendor/font-awesome/css/font-awesome.min.css"。如果可行,您可以按照下一个提示进行改进。
    3. 使用django模板标签static。在您的情况下,它看起来像href="{% static "vendor/font-awesome/css/font-awesome.min.css" %}"。所以它会被渲染为http://www.example.com/static/vendor/font-awesome/css/font-awesome.min.css

    【讨论】:

    • 感谢您回复并给我这些提示。
    • 不客气。希望它真的有帮助。如果没有,请告诉我发生了什么。也许我可以解决这些问题。 @E。莉兹贝丝
    • 我按照@Anyany Pan 的建议更改了方向,但 CSS 样式仍然无法加载,我什至不得不更改一些 python 文件的设置
    • 很抱歉。我添加了一个简单的方法作为 2 号提示。使用新提示,您无需更改 python 文件。顺便说一句,你能告诉我错误吗? @E。莉兹贝丝
    • 没有错误只是不加载CSS样式@Anyany Pan
    【解决方案2】:

    这是我检查页面时的图像

    【讨论】:

    • @Anyany Pan 看图
    • 当你@我时我没有收到任何通知。我发现你的帖子只是因为我不知道你去哪里所以我刷新了页面。
    • 对不起,太晚了,我睡着了@AnyanyPan
    • 我今天收到了这个错误@AnyanyPan File "C:\Users\Lizita\crm_denue\myvenv\lib\site-packages\django\utils\translation\trans_real.py", line 253, in get_language return settings.LANGUAGE_CODE RuntimeError: maximum recursion depth exceeded
    猜你喜欢
    • 2017-05-03
    • 2013-06-05
    • 2021-01-19
    • 2021-08-10
    • 1970-01-01
    • 1970-01-01
    • 2018-07-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多