Question

首先看图片，英语不是我的第一语言，所以没有视觉就难以解释。道歉。

我想从下面的div（col-md-6）快捷方式将自己重新定位到顶部。我使用bootstrap。

编辑：这是代码段：

angular v4 - ngx-quill <=1.6.0
angular v5 - ngx-quill > 1.6.0
angular v6 - ngx-quill >= 3.0.0

Answer 1

见这个

＆＃13;

.box {
  margin-bottom: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<div class="row inview dragula clearfix">
    <div class="col-md-3">
        <div class="box clearfix" style="height:243px;border:4px dashed rgba(25,25,25,.5)">

            <div class="box-body draggable handle">
                Set Up
            </div>
        </div>
        <div class="box " style="height:243px;border:4px dashed rgba(25,25,25,.5)">
            <div class="box-body  draggable handle">
                Shortcut
            </div>
        </div>
        <div class="box " style="height:243px;border:4px dashed rgba(25,25,25,.5)">
            <div class="box-body draggable handle">
                Shortcut 2
            </div>
        </div>
    </div>
    <div class="col-md-9 ">
        <div class="box" style="height:500px;border:4px dashed rgba(25,25,25,.5)">
            <div class="box-body draggable handle">
                Calendar
            </div>
        </div>
        <div class="box " style="height:243px;border:4px dashed rgba(25,25,25,.5)">
            <div class="box-body draggable handle">
                Report
            </div>
        </div>
    </div>

</div>

＆＃13;

使用css重新定位div bootstrap

1 个答案: