<b>（概要）</b><br /><br />現在のWebデザイン，およびWebフロントエンド開発の現場では，CSSフレームワークの理解と習熟が必須となっています。<br />本書は，高性能・高機能CSSフレームワークとして高い人気を誇る「Bootstrap」の本格的な解説書です。最新のBootstrap 4に完全対応し，CSSフレームワークの基本から，CSSクラスを利用したスタイリング，コンポーネントやJavaScriptを利用したUI実装，オリジナルテーマによるカスタマイズ方法まで，Bootstrap 4の全機能が身に付く内容になっています。一歩先を目指すWebデザイナー＆Webフロントエンドエンジニアにお勧めの一冊です！<br /><br /><br /><br /><b>（こんな方におすすめ）</b><br /><br />・Bootstrap 4の基礎と活用方法をしっかり身に付けたい人<br /><br /><br /><br /><b>（目次）</b><br /><br /><h3>第1章　イントロダクション</h3><br /><li>1.1 Webアプリケーションフレームワークの基本</li><br /><li>1.2 Bootstrapの特徴</li><br /><li>1.3 Bootstrapの歴史</li><br /><li>1.4 Bootstrapの導入</li><br /><h3>第2章　Bootstrapのレイアウト</h3><br /><li>2.1 Bootstrapのグリッドシステム</li><br /><li>2.2 列の自動レイアウト</li><br /><li>2.3 レスポンシブなグリッドシステム</li><br /><li>2.4 カラムの整列</li><br /><li>2.5 カラムの並べ替え</li><br /><li>2.6 レイアウトのためのユーティリティ</li><br /><h3>第3章　基本的なスタイリング</h3><br /><li>3.1 タイポグラフィ</li><br /><li>3.2 コード</li><br /><li>3.3 画像</li><br /><li>3.4 テーブル</li><br /><li>3.5 図表</li><br /><li>3.6 Rebootによる初期設定</li><br /><h3>第4章　基本的なコンポーネント</h3><br /><li>4.1 ジャンボトロン</li><br /><li>4.2 アラート</li><br /><li>4.3 バッジ</li><br /><li>4.4 プログレス</li><br /><li>4.5 カード</li><br /><li>4.6 メディアオブジェクト</li><br /><h3>第5章　ナビゲーションのコンポーネント</h3><br /><li>5.1 ナビゲーション</li><br /><li>5.2 ナビゲーションバー</li><br /><li>5.3 パンくずリスト</li><br /><li>5.4 リストグループ</li><br /><li>5.5 ページネーション</li><br /><h3>第6章　フォームとボタンのコンポーネント</h3><br /><li>6.1 フォーム</li><br /><li>6.2 入力グループ</li><br /><li>6.3 ボタン</li><br /><li>6.4 ボタングループ</li><br /><li>6.5 ドロップダウン</li><br /><li>6.6 ドロップダウンのJavaScript使用</li><br /><h3>第7章　JavaScript を利用したコンポーネント</h3><br /><li>7.1 BootstrapのJavaScriptプラグイン</li><br /><li>7.2 カルーセル</li><br /><li>7.3 カルーセルのJavaScript使用</li><br /><li>7.4 折り畳み</li><br /><li>7.5 折り畳みのJavaScript使用</li><br /><li>7.6 モーダル</li><br /><li>7.7 モーダルのJavaScript使用</li><br /><li>7.8 スクロールスパイ</li><br /><li>7.9 スクロールスパイのJavaScript使用</li><br /><h3>第8章　ユーティリティ</h3><br /><li>8.1 Colorユーティリティ</li><br /><li>8.2 Borderユーティリティ</li><br /><li>8.3 Displayユーティリティ</li><br /><li>8.4 Sizingユーティリティ</li><br /><li>8.5 Spacingユーティリティ</li><br /><li>8.6 Flexユーティリティ</li><br /><li>8.7 Floatユーティリティ</li><br /><li>8.8 Positionユーティリティ</li><br /><li>8.9 Textユーティリティ</li><br /><li>8.10 Vertical alignユーティリティ</li><br /><li>8.11 その他のユーティリティクラス</li><br /><h3>第9章　Bootstrapでモックアップを作る</h3><br /><li>9.1 サイト概要とファイルの準備</li><br /><li>9.2 新規ファイル作成</li><br /><li>9.3 ヘッダーの作成</li><br /><li>9.4 ナビゲーションバーの作成</li><br /><li>9.5 メインビジュアルの作成</li><br /><li>9.6 コンテンツ01（News）の作成</li><br /><li>9.7 コンテンツ02（About）の作成</li><br /><li>9.8 コンテンツ03（Menu）の作成</li><br /><li>9.9 コンテンツ04（Coupon）の作成</li><br /><li>9.10 コンテンツ05（Information）の作成</li><br /><li>9.11 フッターの作成</li><br /><li>9.12 リンクの設定と追加CSSの作成</li><br /><li>9.13 下層ページ（Contact）の作成</li><br /><h3>第10章　Bootstrapのカスタマイズ</h3><br /><li>10.1 Bootstrapのオリジナルスタイルを上書きする</li><br /><li>10.2 Sassを使ってカスタマイズする</li><br /><li>10.3 CSS変数を利用する</li>

化学系研究者が完全未経験からWeb系自社開発企業に転職するまで

未経験者が「グラフ画像の読取り効率化」アプリを開発した話【Laravel / Vue.js / Docker / AWS】

1年目にやったおすすめ教材

研修中の未経験エンジニアが、研修期間中に読んだ技術書やサイト一覧

初学者がハマったエラーをまとめてみた【プログラミング学習107日目】

レスポンシブデザインについて

高卒26歳未経験がエンジニア内定を貰うまでのストーリー

【Ruby編】プログラミング初心者オススメの教材、学習法のまとめ(補助教材更新)

Bootstrap公式ドキュメントを読む前に最低限知っておきたいこと

Bootstrap 4 フロントエンド開発の教科書