Widgets de Angular creados desde cero utilizando solo CSS Bootstrap 5 con API diseñadas para el ecosistema Angular.
Consulte nuestro sitio de demostración y la lista de problemas para ver todo en lo que estamos trabajando. No dudes en dejar comentarios allí.
Verifique todos los componentes que tenemos en acción en https://ng-bootstrap.github.io
Las únicas dependencias son Angular, Bootstrap 5 CSS y Popper.
Angular y Popper se enumeran explícitamente como dependencias entre pares, mientras que Bootstrap no, ya que no publican su CSS por separado. La siguiente tabla simplemente enumera la versión exacta de Bootstrap CSS con la que se prueban las versiones correspondientes de ng-bootstrap.
ng-bootstrap | Angular | CSS de arranque | Corchete |
---|---|---|---|
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 |
Recomendamos encarecidamente utilizar Angular CLI para configurar un nuevo proyecto. Si tiene un proyecto Angular CLI, simplemente puede usar nuestros esquemas para agregarle la biblioteca ng-bootstrap.
Simplemente ejecute lo siguiente:
ng add @ng-bootstrap/ng-bootstrap
Instalará ng-bootstrap para la aplicación predeterminada especificada en su angular.json
. Si tiene varios proyectos y desea apuntar a una aplicación específica, puede especificar la opción --project
:
ng add @ng-bootstrap/ng-bootstrap --project myProject
Si prefiere no utilizar esquemas e instalar todo manualmente, consulte las instrucciones de instalación manual en nuestro sitio web.
Admitimos los mismos navegadores y versiones compatibles con Bootstrap 4 y Angular, el que sea más restrictivo. Consulte Compatibilidad con el navegador Angular y Compatibilidad con el navegador Bootstrap para obtener más detalles.
Nuestro código se prueba automáticamente en todos los navegadores compatibles.
Por favor, no abra problemas para las preguntas de soporte general, ya que queremos mantener los problemas de GitHub para informes de errores y solicitudes de funciones. Tiene muchas más posibilidades de obtener respuesta a su pregunta en StackOverflow, donde los mantenedores analizan las preguntas etiquetadas con ng-bootstrap
.
StackOverflow es un lugar mucho mejor para hacer preguntas ya que:
Para ahorrarle tiempo y el nuestro, cerraremos sistemáticamente todos los problemas que sean solicitudes de soporte general y redireccionaremos a las personas a StackOverflow.
¡Queremos solucionarlo lo antes posible! Pero antes de corregir un error debemos reproducirlo y confirmarlo.
Te pedimos que respetes dos cosas:
Un escenario de reproducción mínima nos permite confirmar rápidamente un error (o señalar un problema de codificación), así como confirmar que estamos solucionando el problema correcto.
Tenga en cuenta que insistiremos en un escenario de reproducción mínimo para ahorrar tiempo a los mantenedores y, en última instancia, poder corregir más errores. Marcaremos el problema como no procesable sin él y lo cerraremos si no tenemos noticias del periodista.
Curiosamente, según nuestra experiencia, los usuarios a menudo encuentran problemas de codificación mientras preparan un StackBlitz mínimo. Entendemos que a veces puede resultar difícil extraer fragmentos esenciales de código de una base de código más grande, pero realmente necesitamos aislar el problema antes de poder solucionarlo.
Consulte DEVELOPER.md para obtener documentación sobre cómo ejecutar el proyecto localmente y CONTRIBUTING.md para conocer las pautas de contribución.
Tómese un momento y lea nuestro Código de conducta.