diadia

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

bootstrap

textareaフォームの大きさを設定する

textareaフォームを使う際にそのフォームの大きさを設定したいときがある。自分がよく使っているBootstrapではうまく対応できなかったのでその対応できなかった理由と対処方法をメモとして残す。 Bootstrapで対応できない理由 Bootstrapのsizingのところで様…

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