html - 创建带边距的带边框 Bootstrap 列

Question

如何让 bootstrap 边框列带有边距？

我有:

<div class="col-sm-12 col-lg-6">
  <div class="drag-block" id="addressField_1" ondragover="return dragOver(event)" draggable="true" ondragend="return dragEnd(event)" ondragstart="return dragStart(event)">
  .....................
  </div>
</div>

JSFiddle

但是我想要

<div class="col-sm-12 col-lg-6 drag-block" id="addressField_1" ondragover="return dragOver(event)" draggable="true" ondragend="return dragEnd(event)" ondragstart="return dragStart(event)">
.....................
</div>

JSFiddle

并且看起来像第一个。

Answer 1

只需将 css 更改为以下内容:

.drag-block{
    border: 2px dashed #bbb7b7;
    margin: 0px 15px 30px 15px;
    padding: 10px 15px 15px 15px;
    cursor: move;
}