Wie entferne ich die Polsterung aus Bootstrap 3-Spalten?

Auffüllung von Spaltenelementen in Bootstrap 3 entfernen

Problem:

In Bootstrap 3 möchten Sie die Auffüllung entfernen oder legen Sie einen Rand um die col-md-*-Elemente ein, um sicherzustellen, dass sie nahtlos und ohne zusätzlichen Platz darauf passen Seite.

HTML-Code:

<div class="col-md-12">
    <h2>OntoExplorer.<span>

Lösung 1: Zeilen zum Umbrechen von Spalten verwenden

Normalerweise sollten Sie das tun Verwenden Sie .row, um mehrere Spalten zu umgeben, anstatt sie in einer einzigen .col-md-12 zu verschachteln. Durch die Verwendung von .row vermeiden Sie unnötige Ränder und Abstände, die durch eine verschachtelte Spalte entstehen.

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>

Lösung 2: Benutzerdefiniertes Styling hinzufügen

Wenn die erste Lösung dies tut Wenn dies nicht ausreicht, können Sie eine benutzerdefinierte Klasse erstellen, um die Polsterung und Ränder explizit zu entfernen.

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">
            ...
        </div>

        <div class="col-md-8 nopadding">
            ...
        </div>
    </div>
</div>

Das obige ist der detaillierte Inhalt vonWie entferne ich die Polsterung aus Bootstrap 3-Spalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!