Bootstrapでサイトを作る

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

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

プログラミング学習 14日目⏩

Web制作コース初級編DAY12　💻

学習時間:3時間20分⏳

学習内容:Bootstrapでサイトを作る✏

学び📚
・GridCardsを使えば、flexのような横並び表示を作ることができる
・CSS記入なしで、contactフォームを簡単に作れる

詳細はQiitaへ！#デイトラ#プログラミング学習 pic.twitter.com/KLGJOw7aOU

— ふりっく💻トリプルゼロの（これから）フリーランス (@FuRiC_twi) January 31, 2021

　【学習時間】

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：１列で表示する（レスポンシブ時に１列になる）

・row-cols-md-3：PC画面では３列で表示する

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

↓