【改訂版】図解たっぷりBootstrap入門

初心者でも簡単に見やすく美しいWebページ作りに便利なBootstrapの使い方を図解たっぷりに解説しています。

プレミアムサービスを見る
※この講座はプレミアムサービスに加入する必要があります。

レベル

ビギナー

期間

1日約1時間で 7日間

初心者でも簡単にレスポンシブデザインをかなえることができるものがBootstrapです。「一度使ってみたけど、よくわからなかった。」「サイトが英語で使い方がわからない。」という方でもわかりやすく、すぐにBootstapを使い始めることができます。

レッスン


Bootstrap4の導入方法を図解たっぷりで解説する

Bootstrapのサイトは英語ですが、指定のコードを組み込むだけで簡単に導入できます。

Bootstrapのグリッドを理解する【図解たっぷりBootstrap入門】

基本的なBootstrapの使い方や、考え方を解説しています。ポイントを押さえれば十分に使いこなせますよ。

Bootstrapのブレークポイントを理解して実装する【図解たっぷりBootstrap入門】

Bootstrapのブレークポイントをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。

Bootstrapのレイアウト方法をマスターしよう【図解たっぷりBootstrap入門】

Bootstrapのレイアウト方法をたっぷりの図解つきで簡単に説明します。各パーツ別に実装方法を紹介していますので、それらを理解すれば本格的なレイアウトを実現できます。

Bootstrapのナビゲーションを理解する【図解たっぷりBootstrap入門】

Bootstrapのナビゲーションをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのナビゲーションを作成することができます。

Bootstrapのフォームを理解する【図解たっぷりBootstrap入門】

Bootstrapのフォームをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのフォームを作成することができます。

Bootstrapのカルーセルを理解する【図解たっぷりBootstrap入門】

Bootstrapのカルーセルをたっぷり図解つきで簡単に説明します。かんたんなコードを書くだけでよく見る画像が変わっていくトップページを作成することが出来ます

Bootstrapのタイポグラフィを理解する【図解たっぷりBootstrap入門】

Bootstrapのタイポグラフィをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのタイポグラフィを作成することができます。

Bootstrapのボタンを理解する【図解たっぷりBootstrap入門】

Bootstrapのボタンをたっぷりの図解つきで、できるだけ簡単に説明しました。かんたんなコードを書くだけでプロ並みのボタンを作成することができます。

Bootstrapのユーティリティを理解する【図解たっぷりBootstrap入門】

Bootstrapのユーティリティをたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでプロ並みのユーティリティを作成することができます。

アイコン(fontawesome)の追加方法を理解する【図解たっぷりBootstrap入門】

Bootstrapのサイトにアイコンを加える方法をたっぷりの図解つきで、できるだけ簡単に説明します。かんたんなコードを書くだけでアイコンが使用できるようになり、よりプロっぽい仕上がりのサイトが作成できますよ。

Bootstrapのアラートを理解して実装する【図解たっぷりBootstrap入門】

Bootstrapのアラートをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。

Bootstrapのモーダルを理解して実装する【図解たっぷりBootstrap入門】

Bootstrapのモーダルをたっぷりの図解つきで簡単に説明します。どんなユーザー環境で閲覧されても適切なレイアウトを実現します。

LP作成課題【図解たっぷりBootstrap入門】

BootstrapによるLP制作課題になります

関連する講座


図解たっぷりBootstrap入門
無料  13レッスン かんたん
【Bootstrap課題】ポートフォリオサイト制作
有料  3レッスン かんたん
【Bootstrap課題2】ブログページ制作
有料  2レッスン かんたん
【Bootstrap課題解説2】ブログ課題の解説
有料  3レッスン 難しい
×