小编Nat*_*ori的帖子

我正在使用 Angular (v4.3.1) 和 Bootstrap (v4.0.0-alpha.6)。模板包含两个子组件，如下所示：

<div class="card-deck">
    <comp1></comp1>
    <comp2></comp2>
</div>

两个子组件的模板都将.cardBootstrap 类作为根元素的类。

<div class="card">
    ...
</div>

这，一旦编译结果在以下 HTML

<div class="card-deck">
    <comp1 _nghost-c3="">
        <div _ngcontent-c3="" class="card">
            ...
        </div>
    </comp1>
    <comp2 _nghost-c4="">
        <div _ngcontent-c4="" class="card">
            ...
        </div>
    </comp2>
</div>

问题是.card-deck如果有一个元素包裹.card元素，样式就不会被正确应用。

仅 Bootstrap 示例，问题与 Bootstrap css 严格相关，而与 Angular 无关。

<div class="card-deck">
    <comp1></comp1>
    <comp2></comp2>
</div>

任何人都知道让组件结构和样式都工作的方法吗？