響應模態窗口

Question

我正在使用響應式佈局的Bootstrap 4模態窗口。爲此，我正在使用： Bootstrap 4 Modal Resizable

到目前爲止，一切正常，除非窗口調整大小時其內容無法響應。這裏是我的標記代碼：

<button class="btn btn-default" onclick="dialog.open()">Reopen</button> 
<div id="dialog" class="card"> 
    <div class="card-block"> 
     <form class="row" style="width:100%;"> 
     <div class="col-6"> 
      <label for="name" class="control-label">name</label> 
      <div> 
       <input class="form-control" 
         style="height:30px;width:200px;" id="name" /> 
      </div> 
     </div> 
     <div class="col-6"> 
      <label for="description" class="control-label">Description</label> 
      <div> 
       <input class="form-control" 
         style="height:30px;width:250px;" id="description" /> 
      </div> 
     </div> 
     </form>   
    </div> 
    </div> 

Fiddle

我所注意到的是，它花費迴應列一個很窄的窗口。任何想法如何更好地響應調整大小？

感謝

Answer 1

Fiddle

如果刪除class="row"並添加class="form-inline" &從孩子divs刪除class="col-6"，它應響應。