Отзывчивые миниатюры с бутстрапом и/или jquery? (Динамически изменить размер?)

Question

Я думал, что раньше у меня была эта проблема, но я думаю, нет.

В моем примере здесь: http://jsfiddle.net/VDtgT/31/

я бы подумал, что образ вызывается в размаху DIV будет ограничено/изменен по макс высоты & настроек мин-высота DIV?

Я в основном намерен иметь строку вывода DB с одним изображением в ней, но для этого нужно масштабировать это изображение в зависимости от размера окна.

HTML:

<div id="wrap"> 

<!-- *** TOP ROW --> 
<div class="row-fluid show-grid"> 
<div class="span12" style="background-color: yellow;" align="center">HEADER ROW</div> 
</div> 



<!-- *** MIDDLE ROW ---> 
<div class="row-fluid"> 

    <div class="span4 boxitup"> 
    <a href="#"> <img src="http://placehold.it/150x150" alt="img1"></a> 
    </div> 
<div class="span4 boxitup">Column 2</div> 
<div class="span4 boxitup">Column 3</div> 
</div>  


    </div> <!-- /close wrap --> 

<div id="push"></div> 

<!-- FOOTER BEGIN --> 

<div id="footer"> 

<div class="row-fluid"> 
<div class="span12" style="background-color: yellow;" align="center"> 
    Footer row 
</div> 
</div> 
    </div> 

JavaScript:

$(document).ready(function(){ 
setMaxHeight(); 
$(window).bind("resize", setMaxHeight); 

function setMaxHeight() { 
$(".boxitup").css("min-height", ($(window).height()/7) + "px"); 
$(".boxitup").css("max-height", ($(window).height()/7) + "px"); 
} 
}); 

Answer 1

Если вы просто хотите, чтобы изображение, чтобы заполнить его ограждающую окно, просто добавьте следующие строки в CSS:

img { 
     height:100%; 
} 

Вы можете посмотреть результат here in my fork of your jsFiddle.

Answer 2

Вы устанавливаете максимальные и минимальные высоты одинаково, что, когда я открывал демо, составлял 42 пикселя.

Чтобы не видеть содержимое, превышающее контейнер, вам необходимо установить css overflow:hidden.

Все, что вы видите, это переполнение. Не совсем понятно, почему вы нацеливаете строки, а не изображения, или почему вы устанавливаете максимальные и минимальные высоты одинаковые.