Twitter bootstrap 引导模态体上的行是否没有间隙？

在bootstrap模式中，我有两行，但它们都聚在一起，行之间没有间隔

问题：为什么引导模态体上的行之间没有间隙，解决这个问题的最佳解决方案是什么

代码预览

全面预览

HTML

单击以打开“模式”
&时代；
情态标题
上传
创建文件夹
删除
每当您在引导中使用表单元素时，建议您将该特定元素放在表单组类中——这样，每个元素下面都有一个15px的边距底部

将标签和控件包装在.form组中以获得最佳间距


.inline组{
显示：内联块；
}


单击以打开“模式”
&时代；
情态标题
上传
创建文件夹
删除
这是由于您在模式中使用了
.row
<代码>。行
没有填充或边距。如果您不想更改标记，那么可能需要进行一些“黑客”操作

.modal body.row{
填充底部：16px；
}

上面的内容和您的代码非常复杂->
您的代码是最好的解决方案，但不知怎的，我觉得OP会坚持他的标记+1.
<div class="container">
<hr>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Click To Open Modal
</button>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
    <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <a href="" id="button-parent" class="btn btn-default">Parent Folder</a> 
    <a href="" id="button-refresh" class="btn btn-default">Refresh Page</a>
    <button type="button" id="button-upload" class="btn btn-primary">Upload</button>
    <button type="button" id="button-folder" class="btn btn-default">Create Folder</button>
    <button type="button" id="button-delete" class="btn btn-danger">Delete</button>
    </div>
    </div>

    <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="input-group">
    <input type="text" name="search" value="" placeholder="" class="form-control">
    <span class="input-group-btn">
    <button type="button" data-toggle="tooltip" title="<?php echo $button_search; ?>" id="button-search" class="btn btn-primary"><i class="fa fa-search"></i></button>
    </span>
    </div>
    </div>
    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>