ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】Bootstrap 3.0入門
モダンなサイトが簡単に作れるCSSフレームワーク、Bootstrapについて基本的な使い方を見ていきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
Bootstrap 5入門
レスポンシブに対応したWebサイトを素早く作るためのツールであるBootstrapについて学習していきます。
0%
動画レッスン一覧
(18)
質問と回答
(3)
#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メニュー
未完了
#10 breadcrumb、pagination、pagerを使おう
(02:49)
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)
注意点
実装
未完了
#02 開発の準備を整えよう
jQuery を読み込むところで http: を追加するのは何故ですか?
2016年12月20日
#07 formのスタイリングをしよう (2)
アクセシビリティ的に問題があるとはなんですか?
2017年2月7日
#18 カルーセルを使ってみよう
alt 属性は何のために付けるのですか?
2016年10月5日
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2013年8月22日
バージョン情報
Bootstrap 3.0.0