ブートストラップ3カラムの間隔が不一致

Question

ブートストラップ3カラム設計を実装する場合、ブートストラップCSSは、左右のパディング= 15pxでcol-md-4を定義するため、カラム間に間隔がありません。

したがって、中央の列にはダブルパディングが適用されるため、スペーシングは15pxではなく30pxです。

ここに私が意味するものを示す図があります。等間隔にする方法はありますか？それで、モバイルデバイスのサイズに切り替えた後もスペーシングは残っていますか？

デスクトップモードでは正常に動作しますその

.col-md-4 { padding-left: 15px; padding-right: 15px; } 
.col-md-4:first-child { padding-left: 15px; padding-right: 0px; } 
.col-md-4:last-child { padding-left: 0px; padding-right: 15px; } 

のようなものを持つが、モバイル応答モードでは、左の列は右パディングを失われます、右の列は左パディングを失われます

Answer 1

.col-md-4:nth-child(2) {padding-left: 7.5px;padding-right: 7.5px;} 

これは、すべてのツリー列に対して等しいパディングを持つより適切な方法です。または、同じパディングをaそれが30pxの場合は問題ありません。カラム以外の行を削除するだけでよいのですが、列の外に.col-md-12を入れることができます。