Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 横幅使用全div宽度,而不会失去响应能力_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 横幅使用全div宽度,而不会失去响应能力

Html 横幅使用全div宽度,而不会失去响应能力,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在使用ASP.NET MVC5和引导程序开发一个网站: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: a

我正在使用ASP.NET MVC5和引导程序开发一个网站: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;
}
.img{
宽度:980px;//div宽度
左边距:-20px;//因为我不知道为什么它不居中
最大宽度:100%;我认为你应该在你的类中添加“边距:0-20pxlogo,这样它就会变得

.logo {
    margin: 0 -20px;
    text-align: center;
}
我认为你应该在你的课堂上加上“边距:0-20pxlogo,这样它就会变成

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

你想使用最小宽度而不是最大宽度

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

你想使用最小宽度而不是最大宽度

.img {
     min-width: 100%;
     display:block;
     margin:0;
}
请试试这个:

.img {
    margin: 0 -20px;
    text-align: center;
}
请试试这个:

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

你能同时提供HTML吗?你能同时提供HTML吗?这与正确答案完全相同。为什么再次发布?先生,先生,我已经通过我的网络发布了,速度非常慢…现在这个答案被上传了,…这与正确答案完全相同。为什么再次发布?先生,我已经通过我的网络发布了,速度非常慢…现在这个答案已上载,。。。。。