新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Twitter Bootstrapとは？ (02:09) 無料公開中
- 開発環境のセットアップ。
- CSSフレームワークの解説。
- ひな形ファイルの作成。
-
#02 Twitter Bootstrapの準備をする (02:27) 無料公開中
- 見出しの作成。
- 本文の作成。
- フッターの作成。
- bodyへのスタイル適用。
-
#03 段組を理解する (02:52) 無料公開中
- rowクラスについて。
- spanXクラスについて。
-
#04 基本的なスタイルを使う (02:25) 無料公開中
- smallタグについて。
- preタグについて。
- 箇条書きを作る。
-
#05 ミニラベルを使う (02:21) 無料公開中
- labelタグについて。
- labelタグを修飾する各種クラスについて。
-
#06 ボタンを作る (01:57)
- btnクラスについて。
- smallクラスについて。
- disabledクラスについて。
-
#07 テーブルを作る (02:31)
- zebra-stripedクラスについて。
-
#08 フォームの基本 (01:58)
- formタグについて。
-
#09 もっとフォームを作る (02:23)
- spanクラスについて。
- help-inline、help-blockクラスについて。
-
#10 パンくずナビゲーション (01:50)
- breadcrumbクラスについて。
-
#11 ページナビゲーション (02:36)
- paginationクラスについて。
-
#12 トップバーを作る (02:09)
- topbarクラスについて。
-
#13 もっとトップバー (02:00)
- 検索ボックスの設置。
-
#14 JavaScriptプラグインを導入する (01:56)
- JavaScriptプラグインの入手法法。
- JavaScriptプラグインの導入法法。
-
#15 ドロップダウンメニューを作る (02:55)
- dropdownプラグインの導入法法について。
-
#16 モーダルウィンドウの準備 (02:00)
- モーダルウィンドウを起動するためのリンクの書き方。
-
#17 モーダルウィンドウを動作させる (02:31)
- モーダルウィンドウの記述方法。
- モーダルウィンドウの動作確認。
-
#18 タブメニューを作る (02:53)
- tabsクラスについて。
- tab-contentクラスについて。
-
#19 吹き出しを作る (02:31)
- twipsyプラグインについて。
-
#20 メッセージをポップアップさせる (02:55)
- popoverプラグインについて。
-
#21 アラートメッセージを表示する (01:41)
- alert-messageクラスについて。
-
#22 アラートメッセージを消す (01:55)
- alertプラグインの設置。
