ブートストラップ - コンテナの幅と利用可能な画面の幅

Question

私はデザイナーであり、ブートストラップを使用している開発者向けに出力を生成しようとしています。

デバイスのサイズとコンテナのサイズの違いを頭の中に入れようとしています。

固定容器の場合 - 推奨サイズは992px、容器は960pxです。

992 px全体に対して設計する必要がありますか？または コンテナのサイズ（960px）内にデザインを配置する必要がありますか？ コンテナのサイズを固定レイアウトで992ピクセルに変更できますか？

ありがとうございます！

Answer 1

ウェブサイトがページの中央に表示されるようです。

ブートストラップがデフォルトで使用するコンテナのサイズに満足している場合、私はそれらをデザインし、960px（大型スクリーン用）以内にデザインを維持します。サイドの余分なスペースはバグとして機能し、ウェブサイトが画面の側面に押し付けられないようにします。これにより、デザインが乱雑になります。

ブートストラップは唯一のスタイルガイドではありません。プロジェクトごとに異なるニーズがあります。プロジェクトが異なるコンテナのサイズから恩恵を受ける場合は、そのスタイルを上書きすることを歓迎します。そんな理由から、SASSにソースコードが含まれているので、事実の後に自分のスタイルシートのスタイルをいつでも上書きすることができます。

あなたのUIのデザインに関しては、あなたのUI要素がどのように見えるか分かりませんが、レスポンシブメディアをデザインする場合は、UIが拡大することを知って設計してください。固定幅に依存しない要素を設計するために最善を尽くします。あなたの要素をあなたのコンポーネントの中に流してラップさせましょう。