2015-09-10 2 views
0

Мне нужен левый и правый столбцы, чтобы быть равной высоте. На веб-сайте левая сторона (изображение) всегда более сложная, что не ясно в скрипке.Boostrap равная высота + цвет фона вопрос

Кроме того, название не имеет фона. Цвет только в том цвете, который отмечен красным цветом. Но я не умею давать высоту, которая делает ее до нижней части правого div.

Link to fiddlehttp://jsfiddle.net/MaartenTe/a3d5ugar/

enter image description here

+0

Почему бы не сделать это только с помощью css? – Zl3n

+0

Можете ли вы опубликовать изображение своей проблемы? –

+0

[Дубликат] (http://stackoverflow.com/questions/28484089/equal-height-columns-in-bootstrap-3)? – hungerstar

ответ

0

пытаются "играть" с $ (документ) .ready()

не на нагрузке

$(document).ready(function() { 

http://jsfiddle.net/t6e6w1sq

$(".red-c ").height(maxHeight-$(".lesgever_top").height()); 

http://jsfiddle.net/t6e6w1sq/1/

+0

Кажется, освежающий иногда нарушает это. Есть идеи? – Maarten

+0

положить вычисления в funcion и trgger его на DOM ready и изменить размер события window.onresize = function (event) {...}); – SpiRT

1

попробовать этот

.eq { 
    background-color:blue; 
} 
.red-c { 
    background-color:red; 
    min-height:500px; 
} 

и для вас название просто добавить, что срок в пункт DIV

+1

Прерывает ответственность ... – Maarten

1

Проверьте это, он должен решить проблему:)

JQuery

$(document).ready(function() { 
    var content_height= $("img").height()-$(".lesgever_top").height(); 
    $(".red-c").css("height", content_height); 
}); 

jsfiddle

Смежные вопросы