Tag: WEBサイト

  • 【Bootstrap入門】Bootstrapでレスポンシブなサイトを1時間で作る Bootstrap tutorial

    【Bootstrap入門】Bootstrapでレスポンシブなサイトを1時間で作る Bootstrap  tutorial

    [ad_1] https://i.ytimg.com/vi/fou-ZR9LhGM/hqdefault.jpg 作ったサイト https://shimotmk.com/BootStrap-YouTube-lp/ 回答コード例:index.html https://drive.google.com/open?id=1JB0J3Qg7sSVQ10aO8G-co415H-04-l6l BootStrap公式サイト https://getbootstrap.com/ この動画を元に書籍化しました! よかったらご覧ください https://amzn.to/2VowuY7 Kindle Unlimitedに入れば無料です https://amzn.to/3eGY4rx ✅目次 00:00 イントロ 03:27 ナビゲーションバーを作る 06:48 スライダーを作る 11:12 3つの特徴を作る(column) 14:27 お客様の声を作る(Flex) 20:46 タブを作る(nav-tabs) 29:17 YouTubeの埋め込みを作る(embed) 30:54 モーダル(modal) 41:22 Bootstrapカード(card) 45:47 アコーディオン(accordion) 48:14 お問い合わせ(validation-form) 53:27 footerを作る ■使ったコンポーネント Navbar https://getbootstrap.com/docs/4.4/components/navbar/#nav Carousel Slides https://getbootstrap.com/docs/4.4/components/carousel/#with-captions Row columns https://getbootstrap.com/docs/4.4/layout/grid/#row-columns Flex https://getbootstrap.com/docs/4.4/utilities/flex/ nav tab https://getbootstrap.com/docs/4.4/components/navs/#javascript-behavior Embeds https://getbootstrap.com/docs/4.4/utilities/embed/ modal https://getbootstrap.com/docs/4.4/components/modal/#vertically-centered Cards https://getbootstrap.com/docs/4.4/components/card/ Accordion https://getbootstrap.com/docs/4.4/components/collapse/#accordion-example Bootstrapのおすすめ動画はこちら ・Bootstrap 4入門 #01:コンテナとスペーシング ・Responsive Bootstrap…