wie man die Polsterung in Bootstrap 3

Das vorliegende Problem entfernen Bootstrap 3.. Der bereitgestellte HTML -Code enthält zwei verschachtelte Spalten, das Ergebnis enthält jedoch zusätzlichen Abstand an den Seiten der Kolumnen.

gewünschte Ausgabe

Das Ziel ist es, den zusätzlichen Raum zu eliminieren und die Kolumnen nebeneinander positionieren.

Lösung

Das Problem ergibt sich aus der Verwendung von .col-md-12 als übergeordneten Container für die Spalten. .Col-MD-12 ist im Wesentlichen eine Spalte, keine Zeile, und erbt somit seine eigenen Ränder und Polsterung. Um dies zu beheben, ist es wichtig, die Spalten innerhalb einer ROW -Klasse zu wickeln, wie unten gesehen:

    

        
 
  zusätzliche Optionen  
 
 Wenn das gewünschte Ergebnis alle Margen und Polsterung beseitigt, fügen Sie eine Klasse hinzu, um diese Stile für die Kinderspalten zu überschreiben: 
 
.nopadding {
padding: 0 !important;
margin: 0 !important;
}