[英]How do you scale the carousel container size in Angular-UI-Bootstrap
目前,轮播容器位于图片之外。
我希望轮播容器的宽度与图片相同,如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中,您必须提及最大宽度80%。
.offer-detail-image { display: block; overflow: visible; width: 100%; height: auto; margin-right: auto; margin-bottom: 12px; margin-left: auto; float: none; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.