html - Twitter Bootstrap のトップバーとコンテナーのサイズ変更パディング

Question

http://twitter.github.com/bootstrap/

ここを見てブラウザの幅を変更すると、左側にパディングがないことがわかります。ただし、パディングを追加すると、レイアウトの中心から外れます。

これを修正するためにできることはありますか、それともレイアウト全体を変更する必要がありますか? twitter.com が幅などを使用してそれを行う方法はわかりますが、それにはより多くのdiv要素が必要です。助けてくれてありがとう。

Answer 1

たとえば10pxですべてをプッシュしたいとします。以下は私にとってはうまくいきました。

body>div { padding: 0 10px }

これにより、ボディの子divの左右に10pxのパディングが適用されます。

また、.containerスタイルの幅をより適切なものに変更することもできます。標準は940ピクセルなので、新しいパディングが10ピクセルの場合は、920ピクセルにすることをお勧めします。

さらに、背景のスタイルを.topbar-innerスタイルから.topbarスタイルに移動する必要があります。これを行わないと、トップバーにパディングが適用された背景がありません。