Comment puis-je utiliser Bootstrap avec Django?
J'apprends python et Django en provenance de PHP. Tout cela est vraiment excitant, et j'aimerais utiliser Bootstrap avec Django pour créer des pages web sexy.
Si je comprends bien (je suis le tutoriel Django sur leur site web), Django utilise des "applications" qui peuvent être incluses dans votre fichier settings.py
. J'ai fait une recherche rapide et j'ai trouvé plusieurs applications sur le thème de bootstrap, mais je n'ai aucune connaissance sur la façon de choisir la bonne. Est-il une application standard la plupart des gens utilisent? Tout ce dont j'ai besoin sont les bootstrap.css
et bootstrap.js
fichier.
Je suis sûr que je pourrais les placer manuellement dans ma racine, mais j'apprécierais une configuration "Tout compris" dans mon installation Django.
3 réponses
En relisant votre question, il semble que vous cherchiez un moyen d'installer Twitter Bootstrap en tant qu'application Django. Bien qu'il existe des applications qui facilitent L'utilisation de Twitter Bootstrap avec Django, vous n'avez pas vraiment besoin d'en utiliser.
Vous pouvez simplement inclure le CSS et le JS Twitter Bootstrap au niveau du projet ou de l'application et vous y référer dans vos modèles Django.
Pour inclure Twitter Bootstrap dans une application Django, votre meilleur pari est à:
-
Utilisation Des Fichiers Statiques
Dans votre
settings.py
, ajoutez le chemin D'accès à Bootstrap (que vous devez télécharger et placer dans votre application Django sous un dossier nomméstatic
:STATICFILES_DIRS = ( # Put strings here, like "/home/html/static" or "C:/www/django/static". # Always use forward slashes, even on Windows. # Don't forget to use absolute paths, not relative paths. '/path/to/my_project/my_app/static/', )
Assurez-vous également que votre préfixe
STATIC_URL
est défini:# URL prefix for static files. # Example: "http://media.lawrence.com/static/" STATIC_URL = '/static/'
Maintenant, téléchargez Twitter Bootstrap et placez-le dans le chemin:
/path/to/my_project/my_app/static/bootstrap/
-
Inclure Twitter Bootstrap dans vos modèles
Je voudrais créer un lien vers la documentation Twitter Bootstrap, mais il n'est pas tout, vraiment. Votre meilleur pari est de jeter un oeil à la source de leur modèle de démarrage. L'utilisation du système de template Django est un peu au-delà de la portée de cette question, mais je vais vous donner cet indice: N'importe où dans le modèle de démarrage où vous trouvez un lien vers un .css ou .js, remplacez-le par votre STATIC_URL.
Donc:
<link href="../assets/css/bootstrap.css" rel="stylesheet">
Devient
<link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet">
J'utilise le modèle de démarrage comme mon
base.html
et inclure{% block content %}
blocsbase.html
, ce qui peut être remplacé par le contenu dans Mes modèles, qui{% extend base.html %}
. -
Ou, utilisez un 3ème partie application pour vous guider
Vous pourriez étudier est le Django Bootstrap Toolkit , que je ne l'ai pas utilisé moi-même. Je suggère de le faire vous-même manuellement d'abord, cependant, comme un moyen d'explorer le projet et de vraiment comprendre ce qui se passe. Ce n'est pas trop dur du tout!
Bienvenue dans le monde de Python / Django. Comme vous, après des années de développement web en PHP, j'ai migré vers la création de sites Web dynamiques et d'applications web robustes en utilisant cette paire langage / framework.
L'une des fonctionnalités vraiment intéressantes de django est leur interface d'administration automatique. J'utilise une application appelée Django-Admin-Tools et django-admintools-bootstrap qui transforme l'interface par défaut en un admin lisse. https://bitbucket.org/salvator/django-admintools-bootstrap
Le moyen le plus simple d'installer des applications django ou d'autres modules python est d'utiliser pip. Je voudrais lire sur l'utilisation de virtualenv http://readthedocs.org/projects/virtualenv/ pour gérer vos projets django. Lorsque vous configurez un environnement virtuel Python, il vous permet d'installer des applications django et des modules Python dans une installation Python distincte sur votre système.
Ensuite, l'installation d'applications django supplémentaires est un jeu d'enfant installer django-admin-outils - django grappelli - sud - font partie de mes favoris.
Que faire si vous installez simplement twitter-bootstrap en utilisant pip:
Suivez les instructions:
Https://pypi.python.org/pypi/django-twitter-bootstrap/
Pour la configuration simple.