title: Properly setting up angular 2 with ng-bootstrap
body: <p>As a n00b to angular and Bootstrap, and relatively new to node js, I'm trying to set up a clean base (I hope) using the webpack starter kit from here:</p>
  
  <p><a href="https://github.com/AngularClass/angular2-webpack-starter" rel="nofollow">https://github.com/AngularClass/angular2-webpack-starter</a></p>
  
  <p>and the official Bootstrap 4 for Angular 2 from here:
  <a href="https://ng-bootstrap.github.io/#/getting-started" rel="nofollow">https://ng-bootstrap.github.io/#/getting-started</a></p>
  
  <p>So far I've just added some imports to the webapp starter kit:</p>
  
  <pre><code>"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.9",
  "bootstrap": "^4.0.0-alpha.5",
  "tslint": "^3.15.1",
  </code></pre>
  
  <p>Now my problem is that I have no clue whatsoever what to do with and where to put the mentioned code fragments from the ng-bootstrap install documentation:</p>
  
  <p><a href="https://ng-bootstrap.github.io/#/getting-started" rel="nofollow">https://ng-bootstrap.github.io/#/getting-started</a></p>
  
  <p>What I'm asking for is:</p>
  
  <p>1) an explanation about what these code fragments are for, and where to put this stuff in the concrete starter kit project linked above (because I'm willing to learn, but that info is a bit too short for a n00b).  </p>
  
  <p>I mean, what's for example <code>AppComponent</code>? It's undefined - and I have no clue what that refers to. </p>
  
  <p>2) Where is now actually Bootstrap within this project? </p>
  
  <p>These may be stupid questions for someone knowing theses things. But as a newbie, I'm completely lost there at the moment. </p>
  
  <p>Thanks a lot for your help in advance.</p>
  
  <p>Copied from mentioned ng-bootstrap install docs:</p>
  
  <pre><code>import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
  
  @NgModule({
    declarations: [AppComponent, ...],
    imports: [NgbModule.forRoot(), ...],
    bootstrap: [AppComponent]
  })
  export class AppModule {
  }
  </code></pre>
  
  <p>Other modules in your application can simply import <code>NgbModule</code>:</p>
  
  <pre><code>import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
  
  @NgModule({
    declarations: [OtherComponent, ...],
    imports: [NgbModule, ...]
  })
  export class OtherModule {
  }
  </code></pre>