Bootstrap 网格系统 angular 5

Bootstrap grid system with angular 5

我正在尝试使用 bootstrap css 的网格系统,但无法正常运行。我关注了 getbootstrap CSS

CSS:

@import "bootstrap/dist/css/bootstrap.min.css";

Scrip here

你所有的 nested-app 都在 col-md-9 里面 row 并且基于毫无意义的 nested-app 代码。

您可以通过执行以下操作来解决此问题:
在你的app.component.ts中:

<div>
    <div class="row">
        <div class="col-md-3 border">.col-md-3</div>
        <div class="col-md-9 border">.col-md.9</div>
    </div>
    <nested-app>
    </nested-app>
</div>