随時解説していきます。正式版の仕様は異なるものになっている可能性が高いです。仕様に基づいた解説であることをご理解のうえでご覧ください。限った話ではありませんが、フレームワークという開発者を誘惑する言葉には、常にこんな幻想がつきまといます。"高品質なWebページが作れる"フレームワークを使えば、"レイアウトを考える必要は無くなる"充実したフレームワークのコンポーネントを使えば、"UI/UXが確実に改善される"...もちろん、フレームワークを使うだけで、上記のような幻想が何もかも解決するという事はありません。正しく把握しなければ、1ランク上のWebアプリケーションにはなりません。フレームワークのツボをしっかり抑えて使いこなすことが、フレームワークを最大限に活用する鍵です。一言で言ってしまえば、「画面幅に応じて、レイアウトが動的に変化するWebデザイン」を実現する機能です。レスポンシブなのか?今更感もある話題ですが、おさらいも兼ねて。「携帯端末でも、PCと同じサイトを見る」という考え方は、10年前はマイノリティでしたが、今となってはもはや当たり前です。画面の狭い携帯端末でも、PCと同じ画面表示をされては、文字が小さかったり、リンクやボタンも小さくて押しづらかったりと、利用者にとってはストレスが溜まる要因にもなります。いう考え方を取り入れたWebデザインが、レスポンシブ・デザインです。いかなる端末の、いかなるサイズのブラウザにおいても、その画面サイズに応じて一番最適なWebページになるように、CSSでレイアウトを調整し、最適なUI/UXを提供する、という考え方です。マルチデバイスを実現するために、デバイスに応じた複数のHTMLを用意しなくても良いため、管理もらくちんです。しており、マルチデバイスに最適化されたWebページの制作手法としてスタンダードなものとなっています。デバイスによるUXの違いを吸収することができるようになります。定められた画面幅・サイズとして、以下の4段階が定義されています。サイズの定義は頻繁に使用するので、是非覚えておきましょう。サイズが追加されています。以上のサイズが格上げされています。なり、文字サイズからの相対値となりました。