组件之间的引导程序样式(行和列)

Question

我使用Angular和Bootstrap，我有一个正确输出的组件：

<div class="container">
<div class="row">
<div class="col">
<h2>Hello</h2>
</div>
<div class="col">
<h2>Hello</h2>
</div>
</div>
</div>

然后，我创建了一个新组件，其中包含：

<div class="col">
<h2>Hello</h2>
</div>

我把它放进了我的父组件中，如下所示：

<div class="container">
<div class="row">
<app-my-component></app-my-component>
<app-my-component></app-my-component>
</div>
</div>

Bootstrap风格似乎不起作用。就像应用程序中的col样式一样，我的组件不知道父组件的row。

如何使这些样式正常工作？

Answer 1

只将h2放入组件中
col类只有在其直接父级是row时才起作用。

您可以尝试mast3rdmon的提示：

从父组件中删除<div class="row"></div>并将其放入新组件