diadia

興味があることをやってみる。自分のメモを残しておきます。

bootstrap

django:PCとスマホで表示を変えたい

ユーザーのデバイスによって表示を変更したい 表示方法の変更としてレスポンシブデザインを採用しBootstrapを利用してきた。しかしレスポンシブな方法では納得いく表現ができなかった。 デバイスによって異なるテンプレートを表示させることができるか調査し…

Bootstrapを見る

ドキュメント https://getbootstrap.jp/docs/4.2/layout/grid/ レスポンシブレイアウト レスポンシブレイアウトを構築するための5つの階層が定義されている。(extra small,small,medium,large,exyra large) デバイスを問わず、同じグリッドの場合に使いたい…

ヘッダーとフッターのデザイン

ヘッダーとフッターのデザイン わかったことがある。 スマホ等に画面を変更した場合、背景色があるヘッダーやフッターはフルで背景色が広がらない。 とても見栄えが悪い。ヘッダー、フッターは必ずフル画面に広がる設定でデザインすること。 bootstrap4では…

画像をレスポンシブに表示する

環境 bootstrap4 画像をレスポンシブに表示する場合 img-fluid を使う。https://getbootstrap.com/docs/4.3/migration/#images