bootstrap (, bootstrap 4 flexbox...) - . , javascript CSS, . .
, , (eugh), content
col-7 sidebar
col-5.
jQuery , col-12, , (, 400) (, 100 ). , , 4 content
400 ( ). , 4- col-12.
var contentItems = $(".content");
var sidebar = $(".sidebar");
var contentItemHeight = $(".content").first().height;
var sidebarHeight = $(".sidebar").height;
var smallColumns = sidebarHeight / contentItemHeight;
var $i = 1;
$.each($contents, function(){
if($i <= smallColumns){
$(this).addClass(".col-xs-7");
}else{
$(this).addClass(".col-xs-12");
}
})