Bootstrap 4 响应模态窗口

我正在使用具有响应性布局的Bootstrap4模式窗口。为此，我使用：

到目前为止，一切正常，除了调整窗口大小时，其内容没有响应。以下是我的标记代码：

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

重新打开
名称
描述

我注意到的是，专栏需要一个非常窄的窗口来响应。你知道如何使它更好地响应大小调整吗

谢谢

如果删除

class=“row”

并添加

class=“form inline”

&将

class=“col-6”

从子

div中删除，它应该是响应的。

如果删除
class=“row”
并添加
class=“form inline”
&从子项
div
中删除
class=“col-6”
，它应该是响应的