CATALOGUE Code & Data Formation Bootstrap Apprendre Bootstrap Maîtriser l’intégration des icônes Bootstrap

Maîtriser l’intégration des icônes Bootstrap

Insérer des icônes

Vidéo non disponible ! Réessayez plus tard

2h 58min

23 leçons

4,0

Transcription

49,90€ 19,96€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 58min

23 leçons

4,0

49,90€ 19,96€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Ajout et personnalisation des glyphicones

Objectifs

Les objectifs de cette vidéo sont de :

Montrer comment intégrer des glyphicones dans un site.
Apprendre à personnaliser ces icônes avec du CSS.
S'assurer que les icônes restent de haute qualité et adaptables.

Résumé

Apprenez à intégrer facilement des icônes Bootstrap sur votre site et à les personnaliser avec du CSS.

Description

Dans cette leçon, nous allons explorer comment utiliser les glyphicones de Bootstrap pour enrichir visuellement votre site web. Vous verrez comment :

1. Ajouter des icônes : En utilisant des classes spécifiques, telles que glyphicone-user, pour insérer des icônes représentant différents objets.

2. Personnaliser les icônes : Changer la couleur, la taille et ajouter des marges aux icônes grâce à des propriétés CSS. Cela permet de garder un aspect vectoriel et éviter la pixelisation.

Bootstrap fournit une grande variété d'icônes qui peuvent être utilisées partout sur votre site, rendant vos interfaces plus intuitives et élégantes.

Questions - réponses

Pourquoi est-il avantageux d'utiliser des icônes vectorielles?

Les icônes vectorielles conservent leur qualité à n'importe quelle taille, permettand de les redimensionner sans perte de netteté ou de pixelisation.

Quel attribut CSS modifie la taille des glyphicones?

L'attribut CSS font-size permet de modifier la taille des glyphicones car elles proviennent d'une source de texte.

Comment ajouter un espace entre une icône et son texte associé?

Vous pouvez ajouter un espace directement dans le HTML ou utiliser le CSS pour ajouter une marge avec la propriété margin.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Présentation de Bootstrap et de la formation 02:05

Découvrir les outils nécessaires 03:55

Télécharger et découvrir les fichiers de Bootstrap 03:53

Différentes façons de charger Bootstrap 07:30

Module 2 - Explication de la grille

Découvrir la logique de Bootstrap 14:57

Savoir utiliser les préfixes xs - sm - md -lg 07:10

Découvrir les autres class 09:32

Module 3 - Mettre du style

Personnaliser facilement le texte 10:26

Styliser vos tableaux 07:10

Utiliser les boutons déjà stylisés 09:12

Découvrir toutes les class très pratiques 12:02

Gérer le responsive uniquement avec des class 07:05

Module 4 - Utiliser les composants prêt à l’emploi

Construire un menu responsive 14:20

Insérer des icônes 03:56

Mettre en place un Beadcrumbs et une pagination 10:12

Ajouter des label et badges 03:32

Insérer une vidéo en responsive (embed) 04:47

Module 5 - Utiliser les composants JavaScript

Présentation de la logique de fonctionnement commune 03:26

Afficher des modals 05:02

Afficher des tooltip et popover dans votre contenu 08:36

Gérer l’affichage du contenu avec les Tabs et Collapse 13:20

Ajouter et configurer un carousel 11:34

Utiliser le scrollspy pour activer les éléments du menu en fonction du scroll 04:54

1 commentaire

4,0

1 vote

stephd

Il y a 4 years

tres bonne formation c est une bonne decouverte generale.