如何制作 Angular UI 轮播全宽？

Question

我正在使用 angular 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>