请参阅this site。导航下方有一个广告图片。我不能设置它的宽度。我想让它拉伸并覆盖空白的空白区域。我试过让它相对,绝对,但到目前为止,宽度保持不变。请任何人帮我解释为什么这不起作用,它的解决方案是什么。我认为这是由于某些网格系统造成的。
答案 0 :(得分:2)
你的CSS有
img {
max-width: 100% !important;
}
这有效地使任何其他覆盖无用。请检查style1.css
第420行。
宽度由父级(设置width:100%;
)决定。因此,您需要将Bootstrap的列实用程序调整为更宽,或将img类更改为width:100%;
而不是max-width:100%
。
实际上问题在于形式。它应该包含在网格中。对于选择菜单,内部的网格应该是12列宽(因为这也是相对于父级的。)
粗略的例子:
<div class="col-sm-5"><form>contents of form</form></div>
<div class="col-sm-7"><img src="advert.jpg" class="img-responsive"></div>