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

Question

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

После их инструкции, я добавил файл начальной загрузки CSS, сопоставляются @ нг-загрузчик в моем systemJS конфигурации, установленного нг-загрузчике и добавил их основной модуль в мой корневой модуль:

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, ничего не меняется.

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

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

UPDATE

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

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

Answer 1

Ваш вопрос, похоже, не относится к проекту https://ng-bootstrap.github.io, а относится только к CSS 4 Bootstrap. Основываясь на вашем примере, я думаю, что у вас просто опечатка в вашем названии класса CSS - это должно быть form-control и неform control.

Вот рабочая plunker: http://plnkr.co/edit/hfvCwMistZdIWUlOAthM?p=preview