bootstrap中列高不一样 布局会有很多空白

Question

bootstrap中用栅格化布局和card做了一个页面，但是有的card的高度很小，导致第二行的card和第一行的card之间有很大的空隙，具体看图，有人可以帮忙说下要怎么解决吗

                        <div class="row">
                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">修改密码</h4>
                                    <div class="col-lg-12 col-sm-12 col-xs-12 col-md-12 col-xl-12">
                                            <form>
                                                <fieldset class="form-group">
                                                    <label for="newPassWord">新密码</label>
                                                    <input type="password" class="form-control" id="newPassWord"
                                                           placeholder="输入你的新密码">
                                                </fieldset>
                                                <fieldset class="form-group">
                                                    <label for="exampleInputPassword1">重复密码</label>
                                                    <input type="password" class="form-control"
                                                           id="exampleInputPassword1" placeholder="重复输入的密码">
                                                </fieldset>
                                                <button type="submit" class="btn btn-primary">提交</button>
                                            </form>
                                        </div><!-- end col -->
                                </div>
                            </div><!--/.item -->

                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">IP解封</h4>
                                    <p>当前IP：162.158.59.185 没有被封</p>
                                    <button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-target=".bs-example-modal-sm">解封</button>
                                    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
                                        <div class="modal-dialog modal-sm">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                    <h4 class="modal-title" id="mySmallModalLabel">解封成功</h4>
                                                </div>
                                                <div class="modal-body">
                                                  IP解封成功!
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->
                                </div>
                            </div><!--/.item -->
                            
                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">每日邮件发送设置</h4>
                                    <p>当前设置：<span class="label label-warning"> 发送 </span></p>
                                    <select class="form-control" id="exampleSelect1">
                                        <option>接收</option>
                                        <option>不接受</option>
                                    </select>
                                    <p> </p>
                                    <button type="submit" class="btn btn-primary">提交</button>
                                </div>
                            </div><!--/.item -->

                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">连接密码设置</h4>
                                    <p>当前链接密码：<span class="label label-warning"> 287FD1 </span></p>
                                    <form>
                                        <fieldset class="form-group">
                                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="连接密码">
                                        </fieldset>
                                                <button type="submit" class="btn btn-primary">提交</button>
                                    </form>
                                </div>
                            </div><!--/.item -->
                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">加密方式修改</h4>
                                    <p>注意：SS 和 SSR 支持的加密方式有所不同，请根据实际情况来进行选择！</p>
                                    <p>当前加密方式：<span class="label label-warning"> chacha20 </span></p>
                                    <fieldset class="form-group">
                                            <label for="exampleSelect1">选择加密方式：</label>
                                            <select class="form-control" id="exampleSelect1">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <p> </p>
                                            <button type="submit" class="btn btn-primary">提交</button>
                                    </fieldset>
                                </div>
                            </div><!--/.item -->

                            <div class="col-xs-12 col-md-12 col-lg-12 col-xl-6">
                                <div class="card-box tilebox-one">
                                    <i class="pull-xs-right text-muted"></i>
                                    <h4 class="text-muted text-uppercase m-b-20">加密方式修改</h4>
                                    <p>注意：SS 和 SSR 支持的加密方式有所不同，请根据实际情况来进行选择！</p>
                                    <p>当前加密方式：<span class="label label-warning"> chacha20 </span></p>
                                    <fieldset class="form-group">
                                            <label for="exampleSelect1">选择加密方式：</label>
                                            <select class="form-control" id="exampleSelect1">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <p> </p>
                                            <button type="submit" class="btn btn-primary">提交</button>
                                    </fieldset>
                                </div>
                            </div><!--/.item -->



                        </div>

上面是相关代码，然后是效果图，谢谢了

Answer 1

在最外围div.row或.col-xs-12添加 相对定位 .card-box元素添加绝对定位 height:100%;应该可以解决问题

Answer 2

加上

.tilebox-one{
    width:100%
}

看看有没有效

Answer 3

栅格布局就是这样哦，如果一点空隙都不想留，那就是瀑布流咯，jquery有很多瀑布流插件
不过你这里我觉得目前这样才是坠吼的