bootstrap flotteur clair

Comment effacer les flottants dans bootstrap : ouvrez d'abord le fichier de code correspondant ; puis effacez les flottants en ajoutant la classe ".clearfix" à l'élément parent, avec des instructions telles que "

.. .

”.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootsrap 3.3.7, ordinateur Dell G3.

Les flotteurs peuvent être facilement effacés en ajoutant la classe .clearfix à l'élément parent. Ce qui est utilisé ici est la méthode micro clearfix créée par Nicolas Gallagher. Cette classe peut également être utilisée comme mixin.

La méthode d'utilisation est la suivante :

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

.clearfix La classe est la suivante :

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

Recommandé : "tutoriel vidéo bootstrap" "Tutoriel vidéo CSS》

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!