css - Twitterブートストラップを使用したページごとの異なるパディング

Question

私は新しいRailsプロジェクトを開始し、Twitterブートストラップを追加しました（それについて良いことを聞いたので）。これは初心者の質問ですが、twitter-bootstrapのデフォルトの上下のパディングを邪魔することなく、ページの高さ/幅全体にまたがる背景画像を追加するにはどうすればよいですか？まだ出会っていない基本的な設定はありますか？特定のページのパディングを削除しても、アプリの残りの部分にパディングを残しておくにはどうすればよいですか？このパディングは有益ですか？

ありがとう

Answer 1

パディングの影響を受けないため、背景画像を本文に追加できます。

body.my-page{
  background-image: url('my-image');
  height: 100%;
  width: 100%;
} 

または、absolute全幅と高さの/'固定`配置コンテナを追加し、そのコンテナに背景画像を適用します。

<div class="bg"></div>
</body>

CSS

.my-page .bg{
  background-image: url('my-image');
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
} 

.my-page .container{
  position: relative;
  z-index: 2;
}