随着令牌输入列表增加，自举轮播自动增加高度

Question

我有一个实际上是表单的轮播。 一个旋转木马项目是一个多选择框 随着多选框的高度增加，我如何自动增加一个旋转木马项目的高度。

图片1是我如何得到的。 图片2我想要它。

非常感谢您的宝贵意见。我无法刷新旋转木马。这将取消设置我的表单输入

<div class="row no-gutters" id="mob-carousel-row" [style.height.px]="mobileCarouselRowHeight"> 
     <div class="col-1 col-sm-1"> 
      <a href="#carouselExampleIndicators" role="button" data-slide="prev"> 
      <i class="fa fa-angle-left mobile-form-nav" ></i> 
      </a> 
     </div> 
     <div class="col-10"> 
      <div 
       #plMobileCarouselForm 
       id="carouselExampleIndicators" 
       class="carousel slide" 
       data-ride="carousel" 
       data-interval="false"> 

       <div class="carousel-inner" role="listbox" id="mob-carousel"> 

        <div class="carousel-item active"> 
         <div class="form-group md-form mob inputbox"> 
          <!-- first input box item --> 
         </div> 
        </div> 
        <div class="carousel-item active"> 
         <div class="form-group md-form mob muti-select"> 
          <!-- muti select box item need auto height --> 
         </div> 
        </div> 
        <div class="carousel-item active"> 
         <div class="form-group md-form mob inputbox"> 
          <!-- first input box item --> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="col-1 col-sm-1"> 
      <a href="#carouselExampleIndicators" role="button" data-slide="next"> 
      <i class="fa fa-angle-right mobile-form-nav" ></i> 
      </a> 
     </div> 
</div> 

Answer 1

此的目的是作为一个评论，但我不能评论。

既然你没有提供你的CSS，那只是猜测工作。

但是，如果将包含输入窗体或选择框的容器的高度设置为自动，则会在更多选项可用时调整自身。

.carousel-item active { 
 
    height: auto; 
 
}