ブートストラップリンクが正しくありません

correctly.Iはindex.htmlの中で書いた

私のウェブサイトに設定されていないブートストラップデザイン、settings.pyブートストラップリンクが正しくありません

import os 

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) 
STATIC_URL = '/static/' 

STATICFILES_DIRS = [os.path.join(BASE_DIR,'bootflat.github.io'), ]

で

<html lang="ja"> 
    <head> 
    <meta charset="utf-8"> 
    <link href="/static/css/bootstrap.min.css" rel="stylesheet"> 
    <link rel="stylesheet" href="/static/index.css"> 
    <link rel="stylesheet" href="/static/bootflat/css/bootflat.min.css"> 
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> 
    </head> 
     ・ 
　　　 ・

私はHREFをクリック= "/ static/css/bootstrap.min.css "、404エラーが発生します。のディレクトリ構造は、ブートストラップデザインがset.Whatない理由を私は知らない、私は私が正しくSTATIC_URLを設定すると思います

-PythonServer 
    -PythonServer 
    -logic 
    -static 
    -index.css 
    -templates 
    -index.html 
    -boolflat.github.io 
    -bower_components

ようなもので、私はこの問題を解決する必要がありますどのように？私のコードで間違っていますか？

出典

2017-12-22 user8817674

サイドノートでは、決して静的ファイルのパスをハードコードするべきではありません。代わりに、 '{％static 'path/to/staticfiles'％}'を使用してください。 – jape

Base.html：

{% load staticfiles %} 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

...あなたのCSS ...

{% block head %} 

{% endblock head %}

注意を払うためには、すべてのあなたのCSSために、ブートストラップして、あなたのCSSを追加する最初の必要が重要ですOKです。

出典

2017-12-22 13:49:33

プロジェクトに静的ファイルを追加するために、プロセスが

は、そのディレクトリ内のプロジェクトフォルダ
内部の静的と呼ばれる新しいディレクトリを作成している、あなたはあなたのimagesフォルダ、または静的どんなコンテンツを追加することができます。
このディレクトリパスをプロジェクトのsettings.pyファイルに追加し、static_variableも1つ追加する必要があります。
これをhtmlファイルに追加するには、テンプレートタグが必要です（{% load staticfiles %}）。この行はdoctype html宣言に従います。これは静的コンテンツをhtmlファイルにロードします。あなたは、コードごとに、まず任意の静的なコンテンツを追加するために、含めるべき2つの主なポイントがあり、<img src={% static 'images/img.png' %}

ので -

exのためにあなたのSRCまたはhref属性にテンプレートタグを使用することは常に良いです{% load staticfiles %}を含める必要があります.2番目のことは、静的コンテンツがstaticという名前のフォルダにある場合は、パスをプロジェクトsettings.pyファイルに追加する必要があります。STATIC_DIR = os.path.join(BASE_DIR,'static')ここで '静的'とは、プロジェクトディレクトリのメイン静的フォルダすべての静的コンテンツはそこにあります。

出典

2017-12-22 14:21:48

ブートストラップリンクが正しくありません

答えて

関連する問題