Bienvenue dans ce nouveau tutoriel tutoriel Bootstrap
Un tableau simple dans Bootstrap 4 a une petite marge intérieure et des séparateurs horizontaux. La classe .table donne un style simple aux tableaux comme la sortie suivante :
Un exemple d’enseignement de la création d’un tableau simple
En ajoutant la classe .table-striped au tableau dans Bootstrap 4, les lignes du tableau sont alternativement colorées et blanches (rayées). Dans l’exemple de code pratique ci-dessous, comment utiliser la classe .table-striped est montré dans la pratique :
En ajoutant la classe .table-bordered au tableau, des lignes de bordure sont ajoutées tout autour du tableau. L’exemple suivant montre comment utiliser cette classe en pratique :
Si vous utilisez la classe .table-hover dans une table Bootstrap 4, lorsque la souris survole chaque ligne de la table, sa couleur de fond deviendra grise, comme dans l’exemple pratique de code ci-dessous :
En ajoutant la classe .table-dark au tableau dans Bootstrap 4, le tableau sera affiché avec un arrière-plan sombre, du texte blanc et des bordures claires comme suit :
Si les classes .table-dark et .table-striped sont utilisées en même temps, le tableau sera affiché avec un arrière-plan sombre, du texte blanc et des lignes entre plus clair et plus foncé, de manière rayée, comme dans le code suivant :
Si les classes .table-hover et .table-dark sont utilisées en même temps, le tableau est affiché sous une forme sombre, mais lorsque la souris passe sur chaque ligne, la couleur globale de la ligne devient plus claire. Comme le code d’exemple pratique ci-dessous:
L’ajout de la classe .table-bordeless fera disparaître les lignes internes et les lignes de bordure dans le tableau et sera affiché simplement. Comme le code d’exemple pratique ci-dessous:
Ce guide vous aide à rédiger un QCM Analyse Financière structuré et pertinent sur l'analyse…
Le marketing de la mode est un domaine stratégique essentiel pour promouvoir une marque, une…
Dans le cadre de la gestion des entreprises, le Questionnaire à Choix Multiples (QCM) est…
Le plan de management de projet est un document essentiel qui décrit comment un projet…
Cette partie montre aux formateurs la méthode de création d'un QCM corrigé en gestion des…
Pour que Samsung puisse surpasser Apple, elle devrait continuer à renforcer ses avantages compétitifs tout…
This website uses cookies.