Feinabstimmung des Bootstrap-Rasterabstands

In Ihrem Bootstrap-Rasterlayout stehen Sie vor einer Herausforderung mit den Abständen zwischen Spalten. Während die Lösung, col-md-5 mit pull-left und pull-right zu verwenden, möglicherweise zu viel Platz ergibt, ist ein differenzierterer Ansatz verfügbar.

Lösung: Ein Div innerhalb von Spalten verschachteln

Verschachteln Sie ein Div innerhalb jeder col-md-6-Spalte und wenden Sie den gewünschten Rand und Abstand auf das verschachtelte Div an. Dieser Ansatz behält die strukturelle Integrität der Spalte bei und ermöglicht gleichzeitig zusätzlichen Abstand innerhalb jeder Spalte.

Code:

    

        
Widget 1
    
    

        
Widget 2
    

CSS:

.classWithPad {
    margin: 10px;
    padding: 10px;
}

Mit dieser Lösung können Sie ganz einfach den gewünschten Abstand zu Ihren Spalten hinzufügen, ohne die strukturelle Konsistenz des Rasterlayouts zu beeinträchtigen.