Bootstrap Image无法设置宽度

时间:2014-07-24 16:39:57

标签: html css twitter-bootstrap

请参阅this site。导航下方有一个广告图片。我不能设置它的宽度。我想让它拉伸并覆盖空白的空白区域。我试过让它相对,绝对,但到目前为止,宽度保持不变。请任何人帮我解释为什么这不起作用,它的解决方案是什么。我认为这是由于某些网格系统造成的。

1 个答案:

答案 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>