2012-04-14 16 views
37

私はPHPから来るPythonとDjangoを学んでいます。これは本当にエキサイティングなことですが、私はDjangoでBootstrapを使ってセクシーなWebページを作成したいと考えています。Djangoでブートストラップを使用するにはどうしたらいいですか?

Djangoはあなたのsettings.pyファイルに含めることができる "apps"を使用しています(私は彼らのウェブサイト上のDjangoチュートリアルに従っています)。クイック検索を行い、いくつかのブートストラップをテーマにしたアプリを見つけましたが、適切なものを選ぶ方法についての知識はありません。ほとんどの人が使用する標準アプリはありますか?私が必要とするのはbootstrap.cssbootstrap.jsのファイルだけです。

私は手動で自分のルートに置くことができると確信していますが、私はDjango内に「すべてを含む」設定を楽しんでいます。

+0

@urbusheyは、Djangoアプリなしで直接アプローチの基本を説明してくれたようです。アプリについてのアイデアがさらに必要な場合は、2012年からstackoverflowの対象外となる1年後に「閉鎖」された疑問があることに注意してください。しかしそれは当時から興味深い洞察を持っています:http://stackoverflow.com/questions/11821116/django-and-bootstrap-what-app-is-recommended – nealmcb

答えて

50

あなたの質問を読んで、TwitterブートストラップをDjangoアプリとしてインストールする方法を探しているようです。 DjangoでTwitter Bootstrapを使用することを容易にするアプリがいくつかありますが、実際にそれらを使用する必要はありません。

Twitter Bootstrap CSSとJSをプロジェクトレベルまたはアプリレベルに含めて、あなたのDjangoテンプレートでそれらを参照することができます。 DjangoのアプリでTwitterのブートストラップが含まれるように

、あなたの最善の策はにある:

あなた settings.py
  1. 使用静的ファイル

    、あなたがダウンロードすべき(ブートストラップにパスを追加し、 staticという名前のフォルダの下に、あなたのDjangoアプリで場所:

    また
    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/', 
    ) 
    

    、あなたのことを確認してくださいSTATIC_URLプレフィックスが設定されている:

    # URL prefix for static files. 
    # Example: "http://media.lawrence.com/static/" 
    STATIC_URL = '/static/' 
    

    を今、Twitterのブートストラップをダウンロードして、そこにパスに置き:

    /path/to/my_project/my_app/static/bootstrap/ 
    
  2. があなたのテンプレートでTwitterのブートストラップを含める

    私はTwitterへリンクしますブートストラップのドキュメントですが、実際にはありません。あなたの最善の策は、彼らのstarter templateのソースを見てみることです。Djangoテンプレートシステムを使用することはこの質問の範囲を少し超えていますが、私はあなたにこのヒントを提供します:.cssまたは.jsへのリンクを見つけるスターターテンプレートのどこでも、STATIC_URLに置き換えてください。だから、

    <link href="../assets/css/bootstrap.css" rel="stylesheet"> 
    

    は、私は私のbase.htmlとしてスターターテンプレートを使用して{% extend base.html %}私のテンプレートで実際の内容に置き換えることができbase.html{% block content %}ブロックを含み、

    <link href="{{ STATIC_URL }}/bootstrap/css/bootstrap.css" rel="stylesheet"> 
    

    になります。

  3. それとも、あなたが調査するかもしれないあなたに

    を導くために、サードパーティのアプリを使用するには、私は自分自身を使用していないDjango Bootstrap Toolkit、です。しかし、私はプロジェクトを掘り起こし、何が起こっているのかを実際に理解する方法として、まず自分で手動で行うことをお勧めします。あまりにも難しいことではありません!

    あなたは、単にTwitterのブートストラップピップを使用してをインストールする場合、どのよう
+7

これは正解ですが、それは4歳です。 Django 1.10以降、少なくとも、{%load static%}をテンプレートの先頭に、 "{%static 'path/to/whatever'%}"を使用してください。 https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#staticを参照してください。 'static_url'または 'staticfiles'のどちらも必要ありません。 –

+0

また、https://tutorial.djangogirls.org/en/css/を参照してください。このDjangoのチュートリアル全体は本当に簡単です。このページには、Bootstrapの統合も含まれています。 – DaveBoltman

+0

Bootstrap url.https://getbootstrap.com/docs/4.0/getting-started/introduction/の方法2、バージョン4のアップデートのみ。迅速なセットアップのためにホストされたURLをコピーして貼り付ける簡単な方法。 –

4

Python/Djangoの世界へようこそ。 PHPのWeb開発を長年行ってきたあなたのように、私はこの言語/フレームワークのペアを使って動的なWebサイトと堅牢なWebアプリケーションを作成することに移行しました。

djangoの本当に素晴らしい機能の1つは、自動管理インターフェースです。 Django-Admin-Toolsとdjango-admintools-bootstrapという名前のアプリを使って、デフォルトのインターフェースをすっきりした見た目の管理者に変身させます。 https://bitbucket.org/salvator/django-admintools-bootstrap

djangoアプリケーションや他のpythonモジュールをインストールする最も簡単な方法は、pipを使用することです。私はvirtualenv http://readthedocs.org/projects/virtualenv/を使ってdjangoプロジェクトを管理しています。 Python仮想環境を設定すると、djangoアプリケーションとPythonモジュールをシステム上の別のPythonインストールにインストールすることができます。

次に、追加のdjangoアプリケーションをインストールするのは簡単です - pip install django-admin-tools - django grappelli - south - すべて私のお気に入りです。

+1

@MaxMackieもチェックアウトhttp://lincolnloop.com/django -best-practices /良いリソース:) –

1

は、指示に従ってください:簡単な構成のための

https://pypi.python.org/pypi/django-twitter-bootstrap/

+1

これは完全な答えのようには見えませんが、役に立つヒントです。私は彼が主に、ほとんどの人が使う「標準的なテーマのアプリ」を探していると思う。 – Will

+0

お読みください:http://stackoverflow.com/help/how-to-answer –

+0

また、そのパッケージは放棄されたようです。もっと最近のgithubで活動するように見えるものがいくつかあります。彼らは: https://github.com/dyve/django-bootstrap3( 'pip install django-bootstrap3'でインストール) https://github.com/zostera/django-bootstrap4(' pip install djangoでインストールする-bootstrap4') – hlongmore

関連する問題