css - モバイルでの全角 div

Question

ここにこの青いトップリンクがあり、このトップはすべての幅のサイズを使用しています。したがって、ウィンドウのサイズを変更したり、モバイルで開いたりすると、この青い div が両側にマージンを設定し、twitter ブートストラップ レスポンシブがそれを行っています。私のコードはこの答えとまったく同じですが、まだマージンを入れています。それが私のコードです:

<!-- this div is inserting blue bg image and wrap all content -->
<div class="background-top"> 
    <div class="container">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>

Answer 1

同様のメディアクエリを使用して、上部の背景 div を、ボディパディングを追加しているように見える Bootstrap としてターゲットにします。これを試してください：

@media (max-width: 767px) {
  .background-top {
    margin-left: -20px;
    margin-right: -20px;
  }
}