html - 横幅使用完整的 div 宽度而不失去响应能力

Question

我正在使用 ASP.NET MVC5 和 Bootstrap 开发一个网站:www.devadelic.com

我的问题是横幅没有使用整个 div 的宽度来显示，因为您可以看到每边都有空间。

我试过了:

.img {
     width: 980px; //div width
     margin-left:-20px; //because i don't know why it's not centered
     max-width: 100%; <= delete
     height: auto;     
     vertical-align: middle;
     border: 0px none;
}

然后我的横幅在 div 中显示得很好，但是它不再响应了。

我不知道该怎么办了。有什么想法吗？

Answer 1

我认为你应该在类“logo”中添加“ma​​rgin:0 -20px”，这样它就会变成

.logo {
    margin: 0 -20px;
    text-align: center;
}