install angular bootstrap

To install Angular Bootstrap, you can follow these steps:

  1. Open your terminal or command prompt.
  2. Navigate to your Angular project directory.
  3. Run the following command to install Angular Bootstrap:
npm install ngx-bootstrap bootstrap
  1. After the installation is complete, you need to import the required modules in your Angular project. Open the app.module.ts file and add the following imports:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

// Import the required ngx-bootstrap modules
import { AlertModule } from 'ngx-bootstrap/alert';
import { ButtonsModule } from 'ngx-bootstrap/buttons';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    // Add the imported modules to the imports array
    AlertModule.forRoot(),
    ButtonsModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
  1. Save the changes and start your Angular application. Angular Bootstrap should now be installed and ready to use in your project.

Please note that the above instructions assume you already have an existing Angular project set up. If you haven't created an Angular project yet, you can do so by following the official Angular documentation.