.nav-justified>li {
display: table-cell;
width: 1%;
}
<div class="fotorama" data-nav="false" data-fit="cover" data-maxheight="290px">
<img src="">
<img src="http://metropolyss.ru/wp-content/uploads/2018/05/101790259.jpg">
<img src="http://metropolyss.ru/wp-content/uploads/2018/05/5288834.jpg">
</div>
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
html и css уже за плечами
почему на нормальном экране, а также при уменьшении всё ок, а при большом разрешении экрана некоторые элементы "убегают"?