<div class="my-price col-sm-2" style="height: 574px;">
$('.my-price').hover(function() {
$( this ).children().addClass( "gray" );
}, function() {
$( this ).children().removeClass( "gray" );
}
);
<div class="carousel-inner">
, в нем есть контейнер <div class="item">
это та область, в которой отображается выводимый контент, ограниченный стрелочками, в нем 4 элемента, это те самые блоки с новостями, оставьте столько сколько нужно на одном экране, остальные переместите в остальные блоки <div class="item">
, ну и настройте в css ширину, вон lakegull прописал, и когда увеличите ширину, делайте перенос строки между текстом и ссылкой .leftmenu li {
border-bottom: none;
}
.leftmenu a {
border-bottom: 1px solid #121727;
}
.leftmenu li:hover,
.leftmenu-active {
background-color: #1d2644;
padding-left: 6px; /* Вместо border-left: 6px solid #6583fb;*/
}