マージン付きボーダー付きブートストラップ・カラムの作成

Question

マージン付きのブートストラップ・ボーダー付きカラムを使用するにはどうすればよいですか？

私が持っている：

<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を変更：colsのをブートストラップするためのマージンが不要なブロックは、*のdivクラスcol-にジャンプし、あなたがこのような結果を得るために=のdivクラスにコンテナを置く必要があります原因となります追加

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