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

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

今すぐ閲覧する

レベル

ビギナー

期間

1日約1時間で 7日間

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

レッスン


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

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

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

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

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

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

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

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

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

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

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

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

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

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

関連する講座


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