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.

45
demandé sur Kevin Brown 2012-04-15 00:19:39

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 à:

  1. 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/
    
  2. 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 %} blocs base.html, ce qui peut être remplacé par le contenu dans Mes modèles, qui {% extend base.html %}.

  3. 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!

56
répondu urbushey 2017-02-16 10:55:23

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.

4
répondu Hacking Life 2018-01-27 18:47:53

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.

1
répondu Syed Affan Aslam 2015-07-20 18:43:45