Tabula_Rasa
Mitglied
Hallo,
ich habe Bootstrap ordnungsgemäß installiert. Mit folgendem Code versuchte ich zwei Komponenten in eine Reihe zu bringen:
Der Code liegt in der recipes.component.html-Datei, den ich im app.component.html eingefügt habe :
Der Inhalt von app-recipe-list und app-recipe-detail:
Das Problem ist nun, dass die Inhalte nicht in einer Reihe liegen.
Edit: btn btn-primary und andere Klassen scheinen zu funktionieren
ich habe Bootstrap ordnungsgemäß installiert. Mit folgendem Code versuchte ich zwei Komponenten in eine Reihe zu bringen:
HTML:
<div class="container">
<div class="row">
<div class="col-md-5">
<app-recipe-list></app-recipe-list>
</div>
<div class="col-md-7">
<app-recipe-detail></app-recipe-detail>
</div>
</div>
</div>
Der Code liegt in der recipes.component.html-Datei, den ich im app.component.html eingefügt habe :
HTML:
<app-recipes></app-recipes>
Der Inhalt von app-recipe-list und app-recipe-detail:
HTML:
app-recipe-list works!
HTML:
app-recipe-detail works!
Das Problem ist nun, dass die Inhalte nicht in einer Reihe liegen.
Edit: btn btn-primary und andere Klassen scheinen zu funktionieren
Zuletzt bearbeitet: