2016-09-26 52 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

第二列不會在第一個(響應)之後(浮動)。 –