新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Bootstrapとはなにか？ (01:37) 無料公開中
- 概要
- 公式サイト
- 必要となる知識
- 必要となるツール
-
#02 開発の準備を整えよう (02:57) 無料公開中
- Bootstrapのダウンロード
- フォルダ構成
- ひな形ファイルの作成
-
#03 Gridシステムを使ってみよう (02:57) 無料公開中
- Gridシステムについて
-
#04 レスポンシブWebデザインを使おう (03:00) 無料公開中
- レスポンシブWebデザインについて
- 横幅に応じたレイアウトの変更
- hidden-xs
-
#05 tableのスタイリングをしよう (02:57)
- table
- table-striped
- table-bordered
- table-hover
- table-condensed
- 行のスタイル
-
#06 formのスタイリングをしよう (1) (02:58)
- form-group
- control-label
- form-control
- help-block
- has-error
-
#07 formのスタイリングをしよう (2) (03:00)
- form-inline
- sr-only
- form-horizontal
-
#08 Glyphiconsとボタンを使ってみよう (02:56)
- Glyphicons
- btn btn-primary
- btn-group
-
#09 dropdownメニューを使おう (02:55)
- dropdownメニュー
-
- breadcrumb
- pagination
- pager
-
#11 Navbarを使ってみよう (03:00)
- navbar
- navbar-inverse
- navbar-fixed-top
-
#12 Navbarをスマホ対応にしよう (02:14)
- Navbarのスマホ対応
-
#13 label､badge､alert､panelを使おう (02:50)
- label
- badge
- alert
- panel
-
#14 progress-barを使ってみよう (02:03)
- progress
- progress-bar
- progress-striped
- progress-striped active
-
#15 Modalウィンドウを使ってみよう (02:57)
- Modalウィンドウ
-
#16 Tabメニューを使ってみよう (02:23)
- tabメニュー
-
#17 tooltip､popoverを使おう (02:29)
- tooltip
- popover
-
#18 カルーセルを使ってみよう (03:00)
- 注意点
- 実装
