上部または下部のパッドがないブートストラップグリッドの行？

Question

グリッドの行が隣接する行に対して "タイト"になる問題があります。間に垂直なスペースはありません。今のところ、すべての行の間に20pxのようなものを配置しています。

.container {width: 640px;} 

    .row {width: 640px; spacing: 0px; padding: 0px;} 

    .grid{ 
    margin: 0px; 
    width: 640px; 
    } 

    .thumbnail { 
    position:relative; 
    overflow:hidden; 
    } 

    .col-xs-3{ 
    width: 210px;padding: 2px;} 

Answer 1

1）CSSのこのラインは .row {width: 640px; spacing: 0px; padding: 0px;} 間隔は、CSS属性

2）これは

.no-spacing { 
    margin: 0; padding:0; 
} 

の追加を無効にする方法specificity

3）に対処する必要があるではありませんこれをCSSファイルに添付してブートストラップの後ににリンクしてください。次に、ブートストラップの間隔を使用しない要素にクラスを追加します。あなたは垂直間隔についてのご質問で書い

Answer 2

は、私はあなたが列とないの下の行の間のギャップに取り組んでいると思います。ブートストラップは、各列に15pxの左右のパディングを追加します。

.row { 
    margin-left: 0; 
    margin-right: 0; 
} 
.col-xs-3 { 
    padding-left: 0; 
    padding-right: 0; 
} 

をしかし、あなたは、各col- *クラスのためにこれを行う必要があります。

あなたのカスタムCSSでこれを上書きすることができます。

最初の回答に書いたように、「スペーシング」CSSルールはありません。