Djangoでのbootstrapの参照

10442 ワード

bootstrapの優位性

基本的なHTML+CSSがあれば、bootstrapはラベルに具体的なclassを加えてスタイルを実現します.元エコのHTML+CSSがheadタグのstyleで先にスタイルを書いたり、外部スタイルを導入したりする必要があるのに比べてbootstrapは既に書いてあるものに相当し、直接対応するclassで引用すればよい.

bootstrapの使用

Djangoで開発中にbootstrapを使いました.

1.bootstrapの参照

私が使っているbootstrap 3は、Djangoで静的ファイルを導入するのは非常に簡単です.

Djangoの設定settingsでSTATIC_を定義するURL、STATICFILES_DIRS.デフォルトのDjangoでは、各appの下のstatic/appで静的ファイルが検索され、追加のパスを追加するとSTATICFILES_DIRでの設定(プロジェクトはbootstrapを共用しているので、私はこれをよく使います)また、DjangoにはSTATIC_があります.ROOTは、collectstaticコマンドを使用して静的ファイルを収集する役割を果たします.Django公式ドキュメント

書き終わったら、ダウンロードしたbootstrapのフォルダをプロジェクト(appの下ではないことに注意)のstaticパスにコピーします.注意:生産バージョンのbootstrapにはjqueryはありません.min.jsの(応答効果があればこれを追加する必要がある)ので、自分で参照をダウンロードする必要がある場合は、公式サイトで述べたように:

  href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">  

  href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

  <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js">script> "//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"><span class="xml"><span class="hljs-tag"></<span class="hljs-name">script></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></code></pre> 
   <p> ， （ <code>{% load staticfiles %}</code>。 extends ，load extends ）， ：</p> 
   <pre class="hljs django"><code class="django"><span class="xml">  <span class="hljs-tag"><<span class="hljs-name">link <span class="hljs-attr">rel=<span class="hljs-string">"stylesheet" <span class="hljs-attr">href=<span class="hljs-string">"<span class="hljs-template-tag">{% <span class="hljs-name"><span class="hljs-name">static 'css/bootstrap.min.css' %}<span class="xml"><span class="hljs-tag"><span class="hljs-string">"> <span class="hljs-tag"><<span class="hljs-name">link <span class="hljs-attr">rel=<span class="hljs-string">"stylesheet" <span class="hljs-attr">href=<span class="hljs-string">"<span class="hljs-template-tag">{% <span class="hljs-name"><span class="hljs-name">static 'css/bootstrap-theme.min.css' %}<span class="xml"><span class="hljs-tag"><span class="hljs-string">"> <span class="hljs-tag"><<span class="hljs-name">link <span class="hljs-attr">rel=<span class="hljs-string">"stylesheet" <span class="hljs-attr">href=<span class="hljs-string">"<span class="hljs-template-tag">{% <span class="hljs-name"><span class="hljs-name">static 'css/mycss.css' %}<span class="xml"><span class="hljs-tag"><span class="hljs-string">"</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre> 
   <h3>2.  templates </h3> 
   <p> navbar， ， bootstrap ， ， 。 。</p> 
  </div> 
  <p> :https://www.cnblogs.com/sundahua/p/7072181.html</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP -->
                    <div id="SOHUCS" sid="1279125484642254848"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">

興味があるかもしれません

Javaが実現するテンプレートベースのWebページ構造化情報精確抽出コンポーネント:HtmlExtractor
yangshangchuan
情報抽出 HtmlExtractor 精確な抽出情報収集

JAvaプログラミング思想--多態
ユリはお茶じゃない
java マルチステート詳細

[自動データ処理]安定しており、独自のADPシステムを徐々に形成している
comsci
dp

stormカスタムログファイル
ビジネスマン
storm cluster logback

Extjs 3 SpringMVC使用@RequestBodyラベル問題レコード
21jhf

いくつかの並べ替え方法
文強chu
方法

Swingでファイルを復元するのは難しいと思います
みかん
swing

phpファイル操作
aichenglong
PHP ファイルの読み込みファイルの書き込み

アルファベットで分類:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
トップページ -
私たちについて -
構内検索 -
Sitemap -
権利侵害苦情
著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
京ICP備09083238号