Bootstrap und Django verwenden
Ich versuche Bootstrap in meinem Django-Projekt arbeiten zu lassen und folge dem Tutorial hier aber es hat nicht funktioniert. Wenn ich das lokale Projekt im Browser besuche zeigt es nur eine leere Seite mit 4 blauen Links. nicht genau was ich erwartet hatte. In pycharm (meine Idee) sagt es mir, dass ich einen ungelösten Verweis auf STATIC_URL in meiner Vorlage habe. Ich denke, das Problem ist, dass es nicht ausreicht, Bootstrap in mein Projekt zu legen und es in meinen Einstellungen zu definieren. irgendwelche Ideen?
Entschuldigung, im Grunde ist hier, wie mein Projekt eingerichtet ist. Hauptprojekt / app_1, app_2, media /, templates /, Hauptprojekt / also sollte ich boostrap unter das erste Main_Project setzen, oder das zweite
Auch hier sind meine Einstellungen, falls es darauf ankommt.
%Vor%4 Antworten
Kevin hier, der Autor dieses Artikels aus Python Diary. Seit ich dieses Tutorial veröffentlicht habe, habe ich andere Methoden zur Aktivierung von Bootstrap in einem Django-Projekt erstellt, einschließlich einer praktischen Projektvorlage, die von hier heruntergeladen werden kann:
Ich habe auch ein BitBucket-Projekt gestartet, das eine Django-Bootstrap-Theme-App enthält, die super einfach zu benutzen ist. Fügen Sie es einfach zu Ihrer INSTALLED_APPS hinzu und erweitern Sie dann die Vorlage von der ursprünglichen Bootstrap-Website wie zum Beispiel starter.html unter anderem zur Auswahl. Natürlich können Sie auch Ihr eigenes Bootstrap-Thema drehen. Ich versuche, es aktiv zu aktualisieren und suche nach weiteren Vorschlägen, um es zur "Django Goto App" für Entwickler zu machen, die Bootstrap in ihrem Projekt verwenden möchten. Das BitBucket Repo kann hier gefunden werden:
Hoffe das hilft jedem anderen, der auf diese Stackoverflow Seite stolpert.
-
zuerst sollte die statische URL in der settings.py wie folgt aussehen:
STATIC_URL = '/ statisch /'
-
Nachdem Sie einen create 3 Ordner im Ordner static erstellt haben:
- img
- css
- js
-
Laden Sie Bootstrap und setzen Sie sie in jede Datei korrekt in die oben genannten Ordner
-
Schließlich importieren Sie in der Vorlage den Bootstrap:
%Vor% -
Sie sollten die Dateien außerhalb der App oder in der App platzieren, um jede App mit Ihren statischen Dateien zu personalisieren, die Differenz ist die URL der statischen.
5.1 Außerhalb der App ist das
STATIC_URL = '/ statisch /'
5.2 In jeder App:
STATIC_URL = '/ App1 / statisch /'
STATIC_URL = '/ App2 / statisch /'
-
Und die STATIC_ROOT setzen
STATIC_ROOT = ''
Datei Project settings.py (diese Zeilen sind standardmäßig und ändern sie nicht):
%Vor%In Ihrem App-Ordner (Vorlagenordner mit .html-Datei sollte auch dort sein):
Erstellen Sie den Ordner "static" mit Unterordnern (Bootstrap-Dateien), die Struktur sollte wie folgt aussehen:
Importieren Sie in Ihrer html-Vorlage den Bootstrap wie folgt (beachten Sie CSS in head und JS im Abschnitt body ):
%Vor%
Dies ist, was für mich funktionierte, ich folgte dem, was im Dokument geschrieben ist:
%Vor%...
%Vor% Statische Dateien in project/my_app/static/my_app/css/bootstrap.min.css
Die Vorlage wurde hier in project/my_app/templates/my_app/base.html
Tags und Links python django html twitter-bootstrap