Карусель Bootstrap слева направо, проблема с навигацией ⇐ Jquery

[Anonymous]

Я скопировал следующую карусель для Bootstrap 3. При первой загрузке она выглядит хорошо.


Но когда я нажимаю левую или правую навигацию, нижняя часть расширяется (я обвела ее красным):


Вот код:

Код: Выделить всё

.carousel-control {
padding-top: 10%;
width: 5%;
}







Bootstrap 3 Thumbnail Slider









[url=#x]
[img]http://placehold.it/500x500[/img]
[/url]

[url=#x]
[img]http://placehold.it/500x500[/img]
[/url]

[url=#x]
[img]http://placehold.it/500x500[/img]
[/url]

[url=#x]
[img]http://placehold.it/500x500[/img]
[/url]








[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]








[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]

[url=#x]
[img]http://placehold.it/250x250[/img]
[/url]






 [url=#myCarousel]<[/url]

[url=#myCarousel]>[/url]









$(document).ready(function () {
$('#myCarousel').carousel({
interval: 10000
})

$('#myCarousel').on('slid.bs.carousel', function () {
//alert("slid");
});

});

Я скопировал прямо с сайта. Почему это не работает?

Подробнее здесь: https://stackoverflow.com/questions/368 ... -nav-issue