natsuoレスポンシブWEBデザインを手軽に実現できるツールとして、BootStrapは大変助かってます。あれだけ少ないコードの量で済むので、作業がとても楽なのです。ソース全体でみれば、bootstrapのライブラリ分があるので、サイトの重さ的には変わらないと思いますが。そこでデザインの話に行くわけですが、レスポンシブは基本可変グリッドを使うわけですけども、その際bootstrapでは、containerというクラスを使うと、ページの左右に余白を作ることができます。私としてはもう少し余白が欲しかったので、レスポンシブを維持したまま、PCビューの際は固定レイアウトのように、左右の余白を大きめに取れないかなと、色々調べてみたところ、container-fluidというクラスを使えば、要件が実現できることを知りました。<使い方>まず、現在「container」クラスを使っているところを、「container-fluid」に変更します。CSSで下記のように「container-fluid」を定義します。固定レイアウトと可変レイアウト以上、どうぞお試しあれ。コメントをキャンセルメールアドレスが公開されることはありません。