ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/08
NEW
【週刊ドットインストール】 『JavaScript入門 DOM編』リリース、レッスン一覧ページをリニューアルしました
PREMIUM
【旧版】Bootstrap 4入門
効率的にUIやレイアウトを作ることができるBootstrapの使い方を見ていきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
Bootstrap 5入門
レスポンシブに対応したWebサイトを素早く作るためのツールであるBootstrapについて学習していきます。
0%
動画レッスン一覧
(22)
質問と回答
(5)
未完了
#01 Bootstrapを使ってみよう
(02:05)
無料公開中
公式サイトの確認
雛形ファイルの作成
未完了
#02 初めてのBootstrap
(01:54)
無料公開中
Bootstrapの使い方
未完了
#03 要素に色をつけてみよう
(01:59)
無料公開中
背景色の設定
文字色の設定
未完了
#04 テキストのスタイリングをしよう
(02:04)
無料公開中
文字揃え
文字サイズ、スタイルの設定
未完了
#05 要素のサイズを変更してみよう
(02:33)
無料公開中
widthのサイズ指定
heightのサイズ指定
未完了
#06 paddingやmarginを操作しよう
(02:30)
paddingの操作
marginの操作
未完了
#07 公式サイトを参照してみよう
(02:16)
公式ドキュメントの参照
スタイリングの注意点
未完了
#08 ボタンを作ってみよう
(01:42)
ボタンのスタイリング設定
未完了
#09 グリッドレイアウトに慣れよう
(02:52)
グリッドレイアウトについて
未完了
#10 レスポンシブの仕組みを理解しよう
(01:51)
レスポンシブの仕組みについて
未完了
#11 レスポンシブレイアウトを作ろう
(02:31)
レスポンシブレイアウトの作成
未完了
#12 今までの知識を応用してみよう
(02:57)
完成版の確認
おおまかなマークアップ
headerの作り込み
未完了
#13 特徴セクションを作ろう
(02:57)
特徴セクションの作成
未完了
#14 特徴セクションを完成させよう
(02:50)
特徴セクションのレスポンシブ対応
未完了
#15 テーブルを作ってみよう
(02:59)
テーブルの作成
未完了
#16 タブメニューを作っていこう
(02:48)
タブメニューのマークアップ
未完了
#17 タブメニューを完成させよう
(02:40)
タブメニューの実装
未完了
#18 フッターを作ってみよう
(01:38)
フッターの作成
未完了
#19 ツールチップを作ろう
(02:43)
ツールチップの実装
未完了
#20 ナビバーを作ってみよう
(02:35)
ナビバーの作成
未完了
#21 ハンバーガーメニューを作ろう
(02:39)
ハンバーガーメニューの実装
未完了
#22 アラートをつけてみよう
(02:31)
アラートの実装
#08 ボタンを作ってみよう
タグのコピー
2022年1月27日
#12 今までの知識を応用してみよう
画像がうまく反映されません
2022年1月27日
BootstrapとCSSの併用について
2022年1月27日
#13 特徴セクションを作ろう
imgで表示する画像について
2022年1月27日
#21 ハンバーガーメニューを作ろう
ハンバーガーメニューが表示されない
2022年1月27日
このレッスンについて
最終更新日
2017年11月30日
バージョン情報
Bootstrap 4.0
関連キーワード
(6)
基礎講座
(369)
初心者向け
(368)
HTML
(115)
CSS
(116)
jQuery
(34)
ウェブサイト構築
(155)
このレッスンを共有する