1. Flexboxとは何か：モダンレイアウトの基礎 Flexboxの概念 Flexbox（Flexible Box Layout Module）は、一次元のレイアウトを効率的に実現するためのCSSの機能です。 従来のフロートやテーブルよりも直感的にレイアウトを設計できます。 Flexboxの基本用語 ...

CSS Flexboxの利点は柔軟なレイアウトを行えることです。しかし、そのフレキシブルさがネックになってしまうことがあります。 ここ数ヵ月の間、あちこちのブログやコミュニティで議論されていたFlexboxのレイアウトで起きる厄介な問題が解決したようなので ...

Webサイトを制作する際、訪問者が一番初めに目にする画面上部の「ヘッダー」は、サイト全体の印象と使いやすさを決定づける非常に重要な領域です。 本記事では、左側に企業のロゴ画像、右側に主要ページへのリンク（グローバルナビゲーション）を配置 ...

ここからは、Flexboxの使い方の基礎とFlexboxの各プロパティを紹介します。 ＜div class="flex-container"＞ ＜div class=”item”＞Flex ...

Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく ...