ルーターコンセントの横に縦のボタンをAngular2で配置する方法

Question

ルーターの左側に縦のサイドバーがありますが、ボタンの下に表示されますか？これは私のapp.component.tsファイルである：

template: ` 
    <sidebar></sidebar> 
    <div class= "container"> 
     <router-outlet></router-outlet> 
    </div> 
    `, 

サイドバーコンポーネントは次のとおりです。

<div class="btn-group-vertical" role="group" aria-label="..."> 
    <button type="button" class="btn btn-default">1st Button</button> 
    <button type="button" class="btn btn-default">2nd Button</button> 
    <button type="button" class="btn btn-default">3rd Button</button> 
</div> 

ボタンのリストを持っているための最善の方法は、次にルーティングされていたコンテンツには何ですか？

Answer 1

はおそらく、あなたは、あなたが望む結果を得るために、ブートストラップのレイアウトを使用することができます。

<div class=" col col-md-4 col-sm-4 col-lg-4 col-xs-12"> 
    <sidebar></sidebar> 
</div> 
<div class=" col col-md-8 col-sm-8 col-lg-8 col-xs-8"> 
    <router-outlet></router-outlet> 
</div> 

は、この情報がお役に立てば幸いです。