ブートストラップ3 - 4同じ行のモードでインライン入力

Question

私はモーダルウィンドウを持っており、4つのインライン入力が必要です。しかし、彼らは横に15pxの詰め物があり、2つの入力の間に合計30pxの詰め物があります。

15pxのスペースを入力間でどのようにすることができますか？

編集：私は両側と同じ入力に同じ間隔が必要です。

jsfiddleに私の挑戦：

jsfiddle

コード：

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
      </div> 
      <div class="modal-body"> 

       <div class="row"> 
        <div class="col-xs-3"> 
         <input type="text" class="form-control" placeholder=".col-xs-3"> 
        </div> 
        <div class="col-xs-3"> 
         <input type="text" class="form-control" placeholder=".col-xs-3"> 
        </div> 
        <div class="col-xs-3"> 
         <input type="text" class="form-control" placeholder=".col-xs-3"> 
        </div> 
        <div class="col-xs-3"> 
         <input type="text" class="form-control" placeholder=".col-xs-3"> 
        </div> 
       </div> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

別のオプションがあります。その後、必要に応じてadjusstし、そのクラスにCSSを追加し、私はカスタムクラスを追加します

.spacing > div + div{padding-left: 0;} 

http://jsfiddle.net/5u2paavk/

Answer 2

確かに、このようなrowとcol-にパディングと負の余白を調整するために特別なクラスを使用します。

.row.no-margin { 
    margin-left: -7.5px; 
    margin-right: -7.5px; 
} 

.row.no-margin > .col-xs-3{ 
    padding-left: 7.5px; 
    padding-right: 7.5px; 
} 

Demo on Codeply