🌊
bootstrap
Documents
Bootstrapを活用したフォームのデザインサンプル ページサンプル
bootstrapは、class="この中にcss"を書く感じ
nav-barをつくる
高さを調整<div class="h-25">Height 25%</div> h-50 h-75 h-100
横の長さ調節 <div class="w-25">Height 25%</div> w-50 w-75 w-100
flexの設定
margin paddingよく使うやつ
formタグ
詰まった所・・ボタンタグの中央寄せ
・<div class="form-group justify-content-center row">
<button type=" submit" class="btn btn-block btn-secondary w-50 "> 会員登録
</button> </div>
card
レイアウトのサイズに応じて、非表示を設定する
class="d-none"を設定する
参考ブログ
参考サイト
画像を丸くする
<img src="画像のURL" class="rounded-circle">
画像を切り取る
object-fit: cover;
Discussion