Divマージンの問題

Question

私はwidth:90%;とmargin: 80px auto;のdiv要素を持っています。 htmlには固定背景画像があります。ブートストラップへのリンクを追加すると、divの左と右の余白が白で埋められました。この問題を解決するには？

<div class="header-container"> 
    <div class="logo"> 
     <header> 
      <h5>royal apartments for you</h5> 
       <ul id="menu"> 
        <li><a href="index.html">Main</a></li> 
        <li><a href="#">Apartments</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Blog</a></li> 
        <li><a href="#">Contacts</a></li> 
       </ul> 
     </header> 
    </div> 
    <div class="slider"> 

    </div> 
</div> 

CSS：

html { 
    background: url(images/146987895643799.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.header-container{ 
    width: 92%; 
    margin: 80px auto 0 auto; 
} 

.logo{ 
    background-color: #9fcb00; 
    height: 350px; 
} 

私はHTMLにこれを追加しました： <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

Answer 1

は、ブラウザの開発者向けツールの要素インスペクタを使用してください。不要なスタイルを取得している要素（白い背景など）を確認します。彼らがどこから来たのかを理解する。その後、それらを削除またはオーバーライドします。

ブートストラップは、ボディの背景色を白に設定します。それはHTML要素のバックグラウンドをカバーします。体を変えるために別のスタイルを書いてください。