Wie ändert man die Höhe des Uib Karussells?

Question

Ich benutzte Uib Karussell in eckigen js, für Dia-Video alle 5 Sekunden. für das verwendete Objekt Element, um Video in das mit vlc plugin einzubetten. Aber porblem ist, dass uib Karussell feste Höhe und Breite haben. Wie ändere ich es und mache es zur Antwort.

Wenn ich Bild in Karussell, dass es einfach, Höhe davon zu ändern, aber wenn ich Objekt-Tag als es nicht die Höhe ändern verwendet.

i verwendet es wie dieses

<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> 

danke.

Answer 1

ändern, um diese Zeilen von bootstrap.min.css zu ändern Höhe und Breite vor

.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 } 

Nach

.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 }