Измените высоту слайдера Bootstrap

Question

Я попытался сменить css, я могу изменить его ширину, создав div вокруг него и придав ему ширину 80%, например. Но я не могу изменить высоту на этом пути. Кто-нибудь знает, как изменить высоту? См. Ссылку ниже.

Ps. Не удается скопировать ссылку в фрагменте или без пробела .. Извините за это.

CodePen: http://codepen.io/SitePoint/pen/ZbGwqe/

Js:

var $item = $('.carousel .item'); 
var $wHeight = $(window).height(); 
$item.eq(0).addClass('active'); 
$item.height($wHeight); 
$item.addClass('full-screen'); 

$('.carousel img').each(function() { 
    var $src = $(this).attr('src'); 
    var $color = $(this).attr('data-color'); 
    $(this).parent().css({ 
    'background-image' : 'url(' + $src + ')', 
    'background-color' : $color 
    }); 
    $(this).remove(); 
}); 

$(window).on('resize', function(){ 
    $wHeight = 200; 
    $item.height($wHeight); 
}); 

$('.carousel').carousel({ 
    interval: 6000, 
    pause: "false" 
}); 

Answer 1

Это закодировано с JavaScript так

Изменить

var $wHeight = $(window).height(); 
$(window).on('resize', function(){ 
    $wHeight = $(window).height(); 
    $item.height($wHeight); 
}); 

По

var $wHeight = 200; // >------- your wanted height 
$(window).on('resize', function(){ 
    $wHeight = 200; // >------- your wanted height 
    $item.height($wHeight); 
}); 

CodePen: http://codepen.io/anon/pen/mRGeoR