nen0y: я думаю, лучшим решением будет всё же не писать велосипед (вообще, по клику должны сдвигаться не слайды, а подложка. Или слайды должны перестраиваться, если нужен бесконечный скролл), а посмотреть код для слайдера вообще на CSS вот тут например - https://habrahabr.ru/post/320668/#first_unread
И всё таки, у вас ведь уже стоит тяжеленная jQ, для неучебного сайта можно было бы поставить Revolution, например. Лучше фреймворки, чем костыли)
automatik: так уж и нету? Да хотя бы недавняя статья "А если без JS? " . Куча подробных объяснений по специфике html5 и флексам, проблематика z-index. Может быть, не так много именно дайджестов свежего, но фронтэндеру всегда есть что почитать на хабре, хотя бы статьи о различных паттернах и вкусностях JS (а они выходят постоянно)
Впрочем, на вкус и цвет, конечно. Но тому же tproger-у далеко даже до Хабра
a16a: Если это ещё актуально и проблема не решена - я заменил left и top на 50% и всё стало отлично вплоть до телефонного расширения экрана (примерно). Там начинает съезжать, поскольку у вас картинка больше, чем бутстраповский блок, в котором она лежит.
infernotiv: flex-wrap: wrap , order - пожалуйста. А разве бутстрап позволяет менять местами блоки? Не знал) И всё таки если нет бутстрап-элементов, то лучше использовать flex-ы, тем более, если фиксировать размеры. Кстати, бутстрап 4 на них же