Home / Django / Djangoメモ:Bootstrapの設定

Djangoメモ:Bootstrapの設定

CSSをゼロから作らなくても手軽におしゃれなデザインを実装できるBootstrapをPythonのDjangoに設定する方法を解説します。尚、Bootstrapについて知りたい方は以下に纏めてあるのでご参照ください。

Bootstrap

Bootstrapサイトにアクセス

サイトにアクセスし、トップメニューからDocumentationをクリックします。

ページの中段にあるStarter templateのcopyボタンをクリック

htmlページにテンプレートをコピペ

Bootstrapを適用したいhtmlページにStarter templateをコピペ

装飾したいデザインのコードをコピペ

Bootstrapのサイトから実際に装飾したいデザインを選び、該当するコードをコピぺして使用するだけです。

Djangoの場合

以上が普遍的なBootstrapの使い方ですが、Djangoの場合には、templatesフォルダにある各htmlページで使用することになります。

Check Also

Djangoメモ:Templates – base.htmlの作成方法及びBootstrapを適用させる方法

コンテンツ: 基本形Boots …