web-dev-qa-db-ja.com

DjangoでBootstrapを使用するにはどうすればよいですか?

私はpythonとDjango= PHPから来ています。これはすべて非常にエキサイティングです。私はBootstrap = with Django=セクシーなWebページを作成します。

私が理解しているように(私は彼らのウェブサイトでDjangoチュートリアルに従っています)、Djangoはあなたのsettings.pyファイル。クイック検索を行ったところ、ブートストラップをテーマにしたアプリがいくつか見つかりましたが、正しいアプリを選択する方法がわかりません。ほとんどの人が使用する標準アプリはありますか?必要なのはbootstrap.cssおよびbootstrap.jsファイル。

手動でルートに配置できると確信していますが、Django install。

58
n0pe

質問を読み直して、Twitter BootstrapをDjangoアプリとしてインストールする方法を探しているようです。 Twitter BootstrapをDjangoで簡単に使用できるアプリがいくつかありますが、それらを使用する必要はありません。

プロジェクトまたはアプリレベルでTwitter Bootstrap CSSとJSを含めるだけで、Djangoテンプレートでそれらを参照できます。

Twitter BootstrapをDjangoアプリに含めるには、次のことが最善策です。

  1. 静的ファイルを使用

    settings.pyで、Bootstrapへのパスを追加します(ダウンロードして、Djangoアプリに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/',
    )
    

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

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

    次に、Twitter Bootstrapをダウンロードして、そこにあるパスに配置します。

    /path/to/my_project/my_app/static/bootstrap/
    
  2. テンプレートにTwitter Bootstrapを含める

    Twitter Bootstrapのドキュメントにリンクしますが、実際にはありません。あなたの最善の策は、彼らの スターターテンプレート のソースを見ることです。 Djangoテンプレートシステムを使用することは、この質問の範囲を少し超えていますが、このヒントを提供します。 STATIC_URLで。

    そう:

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

    になる

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

    スターターテンプレートをbase.htmlとして使用し、{% block content %}base.htmlブロックを含めます。これは、テンプレートの実際のコンテンツ{% extend base.html %}で置き換えることができます。

  3. または、サードパーティのアプリを使用してガイドします

    Django Bootstrap Toolkit を調べてみてください。これは私自身は使用していません。ただし、プロジェクトを探索し、何が起こっているのかを本当に理解する方法として、最初に手動で行うことをお勧めします。それほど難しくありません!

65
urbushey

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-は私のお気に入りのすべてです。

4
Hacking Life

Pipを使用してTwitter-bootstrapをインストールするだけの場合:

指示に従ってください:

https://pypi.python.org/pypi/Django-Twitter-bootstrap/

シンプルな構成。

1