[Django pa]Bootstrapの適用
2799 ワード
本日のレッスン範囲:第3節-ガイドのインストール~grid
:HTML、CSS、JSフレームワークで、簡単にWebサイトを作成できます.最良の点は、Webページを拡大および縮小するたびに、Webコンポーネントの構造が自動的に変化することです.もし私がコードを一つ一つ書いていたら...🤦♀️
ガイドバーを適用する方法は2つあり、使用方法は非常に簡単です.
次のコードをheadラベルにコピーすると、ブートバーのCSSに接続されます.
同様に、cssをhtmlに接続することで、次のコードをheadラベルに接続します.href=“./bootstrap/css/bootstrap.min.css”
現在のフォルダ/ブートファイル/cssファイル/bootstram.min.cssファイル
確かに起動ベルトを使っていて、以前より簡潔できれいに見えました.文章を出すたびに、私が書いたブログのフレームワークがどのように変化しているかを教えてくれる画像を添付します.そして今は試験期間なので、しばらく休んでから、ドラムの勉強に戻ります.では.🖐
🎨ガイドテープとは?
:HTML、CSS、JSフレームワークで、簡単にWebサイトを作成できます.最良の点は、Webページを拡大および縮小するたびに、Webコンポーネントの構造が自動的に変化することです.もし私がコードを一つ一つ書いていたら...🤦♀️
💡ガイドバーの使用方法
ガイドバーを適用する方法は2つあり、使用方法は非常に簡単です.
1.urlリンクでcssに接続する方法
次のコードをheadラベルにコピーすると、ブートバーのCSSに接続されます.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">2.CSSファイルをダウンロードしてフォルダに入れて接続する方法
同様に、cssをhtmlに接続することで、次のコードをheadラベルに接続します.href=“./bootstrap/css/bootstrap.min.css”
現在のフォルダ/ブートファイル/cssファイル/bootstram.min.cssファイル
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">👉個人ブログ操作中間プロセス
確かに起動ベルトを使っていて、以前より簡潔できれいに見えました.文章を出すたびに、私が書いたブログのフレームワークがどのように変化しているかを教えてくれる画像を添付します.そして今は試験期間なので、しばらく休んでから、ドラムの勉強に戻ります.では.🖐
Reference
この問題について([Django pa]Bootstrapの適用), 我々は、より多くの情報をここで見つけました https://velog.io/@sunk2205/Django파-3일차-Bootstrap-적용하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol