css - 如何在 Angular2 中的路由器 socket 旁边放置垂直按钮

Question

我想在路由器 socket 的左侧有一个垂直按钮的侧边栏，但它显示在按钮下方？这是在我的 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

也许你可以使用 Bootstrap 布局来获得你想要的:

<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>

希望这对您有所帮助。