Прямо сейчас карусельный контейнер падает за изображение.
Я хочу, чтобы контейнер карусели имел ту же ширину, что и изображение, как показано в примере на https://angular-ui.github.io/bootstrap/.
Вот мой html:
<div class="offer-detail-image-div">
<uib-carousel active="0" interval="2000" no-wrap="false" no-pause="false">
<uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
<img class="offer-detail-image" ng-src= {{slide.image}}
</uib-slide>
</uib-carousel>
</div>
И сопутствующие классы:
.offer-detail-image {
display: block;
overflow: visible;
width: auto;
height: auto;
max-width: 80%;
min-width: 70%;
margin-right: auto;
margin-bottom: 12px;
margin-left: auto;
float: none;
}
.offer-detail-image-div {
display: block;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
измените css, как это у, вам нужно дать 100% ширину, а также в вашем css u упомянуть max-width 80%.
.offer-detail-image {
display: block;
overflow: visible;
width: 100%;
height: auto;
margin-right: auto;
margin-bottom: 12px;
margin-left: auto;
float: none;
}