2016-09-26 96 views
0

如何使用边距自举列列边框?使用边距创建边界自举列表

我:

<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

和看起来像第一个。

+0

增加保证金来引导的cols会引起不必要的块* DIV级同事跳,你必须投入一个div类=容器得到这个结果(有关一个完整的页面)试试吧,告诉我这是不是你想要的 – JoelBonetR

回答

0

只要改变CSS为以下内容:

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

第二列不会在第一个(响应)之后(浮动)。 –