Problem Bootstrap-Polsterung in der mobilen Ansicht Galerie

Question

Ich habe ein Problem mit einer Galerie in Bootstrap. Es funktioniert und sieht in der Desktop-Ansicht gut aus, aber wenn ich die Größe für die mobile Ansicht ändere, gibt es zwischen den Bildern in derselben Zeile keine Auffüllung.

Bei mobilen Geräten werden die Bilder einer bestimmten Reihe übereinander gestapelt. Es gibt keine vertikale Trennung zwischen ihnen, aber es gibt vertikale Trennung zwischen den 4-Bild-Gruppen, die auf größeren Bildschirmen eine Reihe bilden würden. Ich vermute, dass es mit meinem CSS zusammenhängt, obwohl die folgende Zeile es beheben sollte.

#rowpadding{ 
margin-bottom: 20px; 
} 

Hier ist die template of the gallery. Und hier ist my JSFiddle, die das Phänomen, das ich beschreibe, zeigt.

Answer 1

Bitte wenden Sie diese CSS und Ihr Problem wird gelöst.

.container .row { 
margin-bottom:0px!important; 

}

.portfolio-item { 
margin-bottom: 25px; 

}

eine Sache kann mich nicht erinnern gleiche ids in einer Webseite. Entfernen Sie diese ID 'rowpadding'