Bootstrap 4 - Composants

La description

Bootstrap 4 utilise une collection de méthodes de contenu pour afficher le texte, les blocs de code, les images réactives, les données dans un format tabulaire, etc. sur la page Web.

Le tableau suivant répertorie les méthodes de contenu que vous pouvez utiliser pour manipuler le Bootstrap 4 -

S.No. Méthodes et description
1

Alertes

Le composant d'alerte spécifie le message prédéfini pour les actions de l'utilisateur.

2

Badges

Les badges sont utilisés pour mettre en évidence les informations supplémentaires du contenu.

3

Miette de pain

Il est utilisé pour afficher des informations basées sur la hiérarchie pour un site.

4

Boutons

Bootstrap fournit un bouton cliquable pour mettre du contenu tel que du texte et des images.

5

Groupe de boutons

Les groupes de boutons permettent d'empiler plusieurs boutons sur une seule ligne.

6

Cartes

La carte est un conteneur de contenu qui affiche une boîte bordée avec un peu de remplissage autour d'elle.

sept

Carrousel

Le carrousel est un moyen flexible et réactif d'ajouter un curseur à votre site.

8

Effondrer

Il est utilisé pour afficher ou masquer le contenu.

9

Listes déroulantes

Les menus déroulants peuvent être utilisés pour afficher des liens dans un format de liste.

dix

Formes

L'élément de formulaire est utilisé pour collecter les entrées de l'utilisateur.

11

Groupe d'entrée

En utilisant des groupes de saisie, vous pouvez facilement ajouter du texte ou des boutons aux entrées textuelles.

12

Jumbotron

Cela augmente la taille des en-têtes et ajoute beaucoup de marge pour le contenu de la page de destination.

13

Modal

Modal est une fenêtre enfant superposée à sa fenêtre parent.

14

Navs

Bootstrap fournit des éléments de navigation pour votre site dans un menu horizontal.

15

Navbar

Navbar fournit des en-têtes de navigation pour votre application ou votre site.

16

Pagination

La pagination est utilisée pour diviser le contenu associé sur plusieurs pages.

17

popovers

Popover est similaire à l'info-bulle, offrant une vue étendue avec un en-tête.

18

Le progrès

La barre de progression montre la progression d'un processus avec des barres empilées, des arrière-plans animés et des étiquettes de texte.

19

Scrollspy

Scrollspy est utilisé pour indiquer le lien actuellement actif dans le menu en fonction de la position de défilement.

20

Info-bulles

Les info-bulles sont utiles lorsque vous devez décrire un lien.