ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
2024/05/02
NEW
【週刊ドットインストール】 あなただけの学習ロードマップを作成!、動画ページから動画一覧を確認しやすくなりました
41
レッスン
25
質問と回答
0
文字起こし
0
ソースコード
14
件のレッスンと
27
件のレッスン動画が見つかりました。
#02 スターターテンプレートを使おう
Bootstrap 5入門
スターターテンプレートを使い、必要なファイルを読み込んだindex.htmlを用意していきます
#03 containerクラスを使ってみよう
Bootstrap 5入門
ブラウザ幅に応じてコンテンツの幅を調整してくれる container クラスを使っていきます。
#04 コンテンツの幅を調整してみよう
Bootstrap 5入門
container クラスにキーワードを追加することで、コンテンツの幅を制御していきます。
#05 複数カラムのレイアウトを作ってみよう
Bootstrap 5入門
row、colクラスを使って2カラムや3カラムのレイアウトを組み上げていきます。
#06 グリッドシステムを使ってみよう
Bootstrap 5入門
カラムの幅の比率を指定できる、グリッドシステムについて見ていきます。
#07 3カラムのレイアウトを組んでみよう
Bootstrap 5入門
ブラウザの幅に応じて、3カラムのレイアウトを変化させていきます。
#08 表示/非表示を切り替えてみよう
Bootstrap 5入門
カラムの表示 / 非表示を切り替えるためのクラスを使っていきます。
#09 ユーティリティ的なクラスを使ってみよう
Bootstrap 5入門
背景色や境界線など、ユーティリティ的に使えるクラスについて確認していきます。
#10 paddingやmarginを操作してみよう
Bootstrap 5入門
padding や margin を操作したいときのクラスについて見ていきます。
#12 ヘッダーを配置してみよう
Bootstrap 5入門
ヘッダーを配置したあとに、クラスを使ってスタイルを整えていきます。
1
2
3
4
5