Widgets angulaires construits à partir de zéro en utilisant uniquement le CSS Bootstrap 5 avec des API conçues pour l'écosystème Angular.
Veuillez consulter notre site de démonstration et la liste des problèmes pour voir toutes les choses sur lesquelles nous travaillons. N'hésitez pas à y faire des commentaires.
Veuillez vérifier tous les composants que nous avons en action sur https://ng-bootstrap.github.io
Les seules dépendances sont Angular, Bootstrap 5 CSS et Popper.
Angular et Popper sont explicitement répertoriés comme dépendances homologues, contrairement à Bootstrap, car ils ne publient pas leur CSS séparément. Le tableau ci-dessous répertorie simplement la version exacte de Bootstrap CSS par rapport à laquelle les versions correspondantes de ng-bootstrap sont testées.
ng-bootstrap | Angulaire | CSS d'amorçage | Popper |
---|---|---|---|
1.xx | ^5.0.2 | 4.0.0 | |
2.xx | ^6.0.0 | 4.0.0 | |
3.xx | ^6.1.0 | 4.0.0 | |
4.xx | ^7.0.0 | 4.0.0 | |
5.xx | ^8.0.0 | 4.3.1 | |
6.xx | ^9.0.0 | 4.4.1 | |
7.xx, 8.xx | ^10.0.0 | 4.5.0 | |
9.xx | ^11.0.0 | 4.5.0 | |
10.xx | ^12.0.0 | 4.5.0 | |
11.xx | ^13.0.0 | 4.6.0 | |
12.xx | ^13.0.0 | 5.0.0 | ^2.10.2 |
13.xx | ^14.1.0 | 5.2.0 | ^2.10.2 |
14.xx | ^15.0.0 | 5.2.3 | ^2.11.6 |
15.xx | ^16.0.0 | 5.2.3 | ^2.11.6 |
16.xx | ^17.0.0 | 5.3.2 | ^2.11.8 |
17.xx | ^18.0.0 | 5.3.2 | ^2.11.8 |
Nous vous recommandons fortement d'utiliser Angular CLI pour configurer un nouveau projet. Si vous avez un projet Angular CLI, vous pouvez simplement utiliser nos schémas pour y ajouter la bibliothèque ng-bootstrap.
Exécutez simplement ce qui suit :
ng add @ng-bootstrap/ng-bootstrap
Il installera ng-bootstrap pour l'application par défaut spécifiée dans votre angular.json
. Si vous avez plusieurs projets et que vous souhaitez cibler une application spécifique, vous pouvez spécifier l'option --project
:
ng add @ng-bootstrap/ng-bootstrap --project myProject
Si vous préférez ne pas utiliser de schémas et tout installer manuellement, veuillez vous référer aux instructions d'installation manuelle sur notre site Web.
Nous prenons en charge les mêmes navigateurs et versions pris en charge par Bootstrap 4 et Angular, selon la plus restrictive. Voir Prise en charge du navigateur Angular et Prise en charge du navigateur Bootstrap pour plus de détails.
Notre code est automatiquement testé sur tous les navigateurs pris en charge.
Veuillez ne pas ouvrir de problèmes pour les questions d'assistance générale, car nous souhaitons conserver les problèmes GitHub pour les rapports de bogues et les demandes de fonctionnalités. Vous avez de bien meilleures chances d'obtenir une réponse à votre question sur StackOverflow où les responsables examinent les questions étiquetées avec ng-bootstrap
.
StackOverflow est un bien meilleur endroit pour poser des questions puisque :
Pour gagner du temps, nous fermerons systématiquement tous les problèmes qui constituent des demandes d'assistance générale et redirigerons les personnes vers StackOverflow.
Nous voulons le réparer dès que possible ! Mais avant de corriger un bug, nous devons le reproduire et le confirmer.
Nous vous demandons de respecter deux choses :
Un scénario de reproduction minimale nous permet de confirmer rapidement un bug (ou de signaler un problème de codage) ainsi que de confirmer que nous résolvons le bon problème.
Veuillez noter que nous insisterons sur un scénario de reproduction minimal afin de faire gagner du temps aux responsables et, à terme, de pouvoir corriger davantage de bugs. Nous marquerons le problème comme ne pouvant donner lieu à aucune action sans cela et le clôturerons s'il n'y a pas de nouvelles du journaliste.
Fait intéressant, d'après notre expérience, les utilisateurs rencontrent souvent eux-mêmes des problèmes de codage lors de la préparation d'un StackBlitz minimal. Nous comprenons qu'il peut parfois être difficile d'extraire des morceaux de code essentiels à partir d'une base de code plus grande, mais nous devons vraiment isoler le problème avant de pouvoir le résoudre.
Veuillez consulter DEVELOPER.md pour la documentation sur l'exécution du projet localement et CONTRIBUTING.md pour les directives de contribution.
Veuillez prendre un moment et lire notre code de conduite