Question

我有一个width:90%;和margin: 80px auto;的div元素。 html有一个固定的背景图像。当我添加一个指向bootstrap的链接时，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

在浏览器的开发者工具中使用Element Inspector。查看您获得不需要的样式的元素（即白色背景）。弄清楚它们来自何处。然后删除它们或覆盖它们。

Bootstrap将正文的背景颜色设置为白色。这掩盖了HTML元素的背景。为身体写一个不同的风格来改变它。

分利润问题

1 个答案: