横幅使用完整的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

请尝试这个：

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

Answer 2

哟想要使用最小宽度而不是最大值...

.img {
     min-width: 100%;
     display:block;
     margin:0;
}