Bootstrap-Clear-Float

So löschen Sie Floats im Bootstrap: Öffnen Sie zuerst die entsprechende Codedatei und löschen Sie dann die Floats, indem Sie die Klasse „.clearfix“ mit Anweisungen wie „

hinzufügen. .".

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, Dell G3-Computer.

Floats können einfach gelöscht werden, indem die Klasse .clearfix zum übergeordneten Element hinzugefügt wird. Hier kommt die von Nicolas Gallagher entwickelte Micro-Clearfix-Methode zum Einsatz. Diese Klasse kann auch als Mixin verwendet werden.

Die Verwendungsmethode ist wie folgt:

<!-- Usage as a class -->
<div class="clearfix">...</div>

.clearfix-Klasse ist wie folgt:

// Mixin itself
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
// Usage as a mixin
.element {
  .clearfix();
}

Empfohlen: „Bootstrap-Video-Tutorial“ „CSS-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonBootstrap-Clear-Float. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!