Почему контент за стрелками(bootstrap)?

Question

[Shinigamius]

вот код:
https://codepen.io/shikigami/pen/OJVNYGz

Comments

[tyzberd]

там все норм, меняйте стили

[Froggyweb]

а почему стрелки должны ограничивать слайд?

Answer 1

[e3drive]

Так никакие свойства позиционирования не заданы для элемента, вот и прижато к левому краю

Как пример
.carousel-item {
text-align: center;
}

А так для элементов навигации в свойствах идет заданная длина блока

.carousel-control-next, .carousel-control-prev {
...
width: 15%;
...
}
это и дает смещение

Для того чтобы понять принцип, пример:

.carousel-control-next, .carousel-control-prev {
width: 10px;
}
.carousel-item {
margin-left: 50px;
}