ng-bootstrap не работает (angular2)

Я пытаюсь использовать bootstrap в своем проекте Angular2, используя ng-bootstrap.

Следуя их инструкциям, я добавил файл bootstrap css, сопоставил @ng-bootstrap в моей конфигурации systemJS, установил ng-bootstrap и добавил их основной модуль в свой корневой модуль:

import { NgModule }       from '@angular/core';
import { BrowserModule }  from '@angular/platform-browser';
import { FormsModule }    from '@angular/forms';

import { NgbModule }            from '@ng-bootstrap/ng-bootstrap';
import { AppComponent }         from './app.component';
import { HeaderComponent }      from './header/header.component';
import { AppRoutingModule }     from './app-routing.module';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    NgbModule.forRoot()
  ],
  declarations: [
    AppComponent,
    HeaderComponent
  ],
  providers: [ HeroService ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Но когда я пытаюсь создать простой шаблон доски сообщений, он не работает должным образом. Когда я отключаю Ngbmodule, ничего не меняется.

Как ни странно, когда я перехожу с bootstrap 4 css на bootstrap 3.3.6 css, гораздо больше работает, как и ожидалось, но простые вещи, такие как текстовые области, по-прежнему вообще не стилизованы.

Я делаю что-то не так во время установки ng-bootstrap? Любая помощь приветствуется.

ОБНОВЛЕНИЕ

Это разметка, которую я использую, и пример моего вывода: http://plnkr.co/edit/A9DySwR3PBNJShRFi27Q?p=preview

Хотя это результат, который я использовал для проектов angular-1 с тем же кодом: http://prnt.sc/db9azv