如何識別引導模板中的CSS樣式路徑？

我將引導模板添加到我的Django項目中。當加載頁面並看到內容時，我注意到它沒有加載CSS樣式，當我嘗試編輯這些文件時，我通過識別路徑並添加了正確的路徑來添加文件夾， 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)

來源

2016-11-28 E. Lizbeth

不要使用相對路徑，如href="vendor/font-awesome/css/font-awesome.min.css"。它將被渲染爲它的前綴當前網址。例如，當您訪問http://www.example.com/aaa/bbb時。它將被渲染爲http://www.example.com/aaa/bbb/vendor/font-awesome/css/font-awesome.min.css。所以你永遠不會得到你的CSS文件加載。
使用絕對路徑，如href="/vendor/font-awesome/css/font-awesome.min.css"。如果有效，您可以按照下一個提示使其更好。
使用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

來源

2016-11-28 23:27:14

感謝您回覆，給我這些技巧的圖像。 –

不客氣。希望它真的有幫助。如果沒有，請讓我知道發生了什麼。也許我可以解決這些問題。 @E。 Lizbeth –

我按照你的建議@Anyany Pan改變了方向，CSS樣式仍然沒有加載，我甚至不得不改變一些python文件的設置 –

下面是當我檢查的頁面

來源

2016-11-29 02:44:34

@Anyany潘看圖像 –

不是這個標籤。你可以回到聊天室嗎？ –

當我@你沒有收到任何通知。我發現你的帖子只是因爲我不知道你去哪裏，所以我刷新了頁面。 –

如何識別引導模板中的CSS樣式路徑？

回答

相關問題