Bootstrapでサイトを作る


デイトラWeb制作コース初級編DAY12の学び

【この記事に書いてあること】

 【学習時間】

3時間20分

 【学び】

1 調整
py-数字:上下に余白を作るときに使う
pw-100:横幅からはみ出ないように制限するときに使う

2 Grid cards
BootstrapのGrid cardを使えば簡単にflexのような横並び表示を作ることができる

3 Grid cards応用

index.html
<div class="row row-cols-1 row-cols-md-3">

↑こう記入することで、列をclassで制御することができる!

意味:
row-cols-1:1列で表示する(レスポンシブ時に1列になる)

row-cols-md-3:PC画面では3列で表示する

4 contactフォーム
Bootstrapを使えばcontactフォームを簡単に作れる!
CSS一切記入なし!