..."."> bootstrap flotteur clair-Tutoriel d'amorçage-php.cn

bootstrap flotteur clair

藏色散人
Libérer: 2023-01-13 00:22:12
original
3284 Les gens l'ont consulté

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 "

.. .
”.

bootstrap flotteur clair

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 :

 
...
Copier après la connexion

.clearfix La classe est la suivante :

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!