Bootstrapでサイトを作る
デイトラWeb制作コース初級編DAY12の学び
【この記事に書いてあること】
プログラミング学習 14日目⏩
— ふりっく💻トリプルゼロの(これから)フリーランス (@FuRiC_twi) January 31, 2021
Web制作コース初級編DAY12 💻
学習時間:3時間20分⏳
学習内容:Bootstrapでサイトを作る✏
学び📚
・GridCardsを使えば、flexのような横並び表示を作ることができる
・CSS記入なしで、contactフォームを簡単に作れる
詳細はQiitaへ!#デイトラ#プログラミング学習 pic.twitter.com/KLGJOw7aOU
【学習時間】
3時間20分
【学び】
1 調整
py-数字
:上下に余白を作るときに使う
pw-100
:横幅からはみ出ないように制限するときに使う
2 Grid cards
BootstrapのGrid cardを使えば簡単にflexのような横並び表示を作ることができる
3 Grid cards応用
<div class="row row-cols-1 row-cols-md-3">
↑こう記入することで、列をclassで制御することができる!
意味:
・row-cols-1
:1列で表示する(レスポンシブ時に1列になる)
4 contactフォーム
Bootstrapを使えばcontactフォームを簡単に作れる!
CSS一切記入なし!
↓
Author And Source
この問題について(Bootstrapでサイトを作る), 我々は、より多くの情報をここで見つけました https://qiita.com/FuRiC_QT/items/5f89c31e4a4ec7af1373著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .