как сделать высоту жидкости с помощью бутстрапа или @media-query?

Я использую бутстрап для системы жидкой сетки.

у меня есть div с классом .span6, и я установил для этого heigth:200px.

теперь я хочу, чтобы при изменении размера окна высота div уменьшалась, как ширина.

http://jsfiddle.net/prince4prodigy/X8zu8/

<div class="container-fluid">
    <div class="row-fluid">

        <div class="span6"></div>

        <div class="span3"></div>

        <div class="span3"></div>

    </div>
</div>

css twitter-bootstrap media-queries fluid-layout
person naziiii    schedule 19.07.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Это зависит от того, что будет в div и как устроен сайт...

Если вы просто хотите уменьшить размер, вам нужно сделать это с помощью JS или начать позиционировать свои элементы абсолютно.

Если сайт рассчитан на 100% высоты окна, можно сделать элементы абсолютными и это будет несложно.

Но если сайт не на 100% высоты окна, то единственное решение - через javascript.

person drip    schedule 19.07.2013

arrow_upward
0
arrow_downward

Я не понимаю, зачем использовать JS. При изменении размера окна я, вероятно, предпочел бы медиа-запросы для div.

person Ironchunk    schedule 10.02.2015