... div>"."/> ... div>".">
Maison >interface Web >Tutoriel d'amorçage >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 "4f4beca964632ebde47601cc1d67b8db.. .16b28748ea4df4d9c2150843fecfba68”.
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!