如何使Angular UI轮播全宽？

Question

我正在使用角度ui旋转木马，它坚持800px宽度，我找不到我需要编辑的css或html以使其全宽

这是实际代码：

        <carousel interval="slideInterval">
            <slide ng-repeat="slide in slides" active="slide.active" id="slide-{{slide.id}}">
                <img ng-src="{{slide.image}}" style="margin:auto;"/>
            </slide>
        </carousel>

Answer 1

Bootstrap有grid layout，所以它的宽度是相对于其父元素的。例如，您可以将其用于全宽旋转木马：

<div class="row">
  <div class="col-md-12">
    <carousel interval="slideInterval">
      <slide ng-repeat="slide in slides" active="slide.active" id="slide-{{slide.id}}">
        <img ng-src="{{slide.image}}"/>
      </slide>
    </carousel>
  </div>
</div>