Wie entferne ich den Zwischenraum aus bestimmten Divs in Bootstrap?

Entfernen des Bundstegs für ein bestimmtes Div

Das standardmäßige Bootstrap-Rastersystem verwendet ein 12-Spalten-Layout mit einem 30-Pixel-Raster, der die Spalten trennt. Während Bootstrap eine Klasse ohne Zwischenräume zum Entfernen von Zwischenräumen aus einer ganzen Reihe bereitstellt, kann dies zu zusätzlichem Platz am Ende der Reihe führen.

In Situationen, in denen Sie den Zwischenraum nur für bestimmte Divs entfernen müssen, Erwägen Sie die folgenden Optionen:

Bootstrap 5

• Verwenden Sie das neue g-* Gutter-Klassen, um Rinnen entsprechend bestimmter Haltepunkte anzupassen.
• g-0 eliminiert alle Rinnen.
• g-(1-5) passt horizontale und vertikale Rinnen mithilfe von Abstandseinheiten an.
• gy-* passt nur vertikale Dachrinnen an.
• gx-* passt horizontale Dachrinnen an Nur.

Bootstrap 4

• Integrieren Sie die No-Gutters-Klasse in die Zeile, wodurch die Stege aus allen Spalten entfernt werden:

  <div>

• Verwenden Sie die Abstandsdienstprogramme, um einzelne Spaltenränder zu steuern und padding:

  <div>

Bootstrap 3

• Nutzen Sie die row.no-gutter-Klasse, die beide Ränder anpasst und Polsterung zum Entfernen Dachrinnen:

  .row.no-gutter {
  margin-left: 0;
  margin-right: 0;
  }
  
  .row.no-gutter [class*='col-']:not(:first-child),
  .row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
  }

Beispiel (Bootstrap 3):

<div>

Das obige ist der detaillierte Inhalt vonWie entferne ich den Zwischenraum aus bestimmten Divs in Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!