uib 컨베이어의 너비를 변경하는 방법은 무엇입니까?

Question

나는 5 초마다 슬라이드 비디오를 위해 앵글 js에서 uib 캐로 셀을 사용했습니다. 사용 된 객체 요소가 vlc 플러그인을 사용하여 비디오를 임베드 할 수 있습니다. 그러나 문제는 uib 캐로 셀이 높이와 너비가 고정되어 있다는 것입니다. 내가 그것을 어떻게 바꾸고 응답하게하는지.

회전식으로 이미지를 사용하면 높이를 쉽게 변경할 수 있지만 높이를 변경하지 않으면 개체 태그를 사용할 때 유용합니다.

내가이

<div ng-controller="CarouselDemoCtrl"> 
     <div > 
     <uib-carousel interval="myInterval" no-wrap="noWrapSlides"> 
      <uib-slide ng-repeat="slide in slides" active="slide.active"> 
      <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" id="vlc"> 
    <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" name="vlc" /> 
</object> 
      <div class="carousel-caption"> 
       <h4>Slide {{$index}}</h4> 
       <p>{{slide.text}}</p> 
      </div> 
      </uib-slide> 
     </uib-carousel> 
     </div> 
    </div> 

처럼 사용이 감사합니다.

Answer 1

변화 bootstrap.min.css에서이 행은 이전에 높이 및 폭 을 변경

.carousel { position: relative } 
.carousel-inner { position: relative; width: 100%; overflow: hidden } 
.carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } 
.carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } 

.carousel { position: absolute;height:100%;min-height: 100%;width:100%; } 
.carousel-inner { position: relative; width: 100%; height:100%;min-height: 100%;} 
.carousel-inner>.item {height:100%;min-height: 100%; position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;width:100%; } 
.carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } 

후