Javascript 如何修复div class=”中的项目；“世界其他地区”；角度+；独自创立

有人知道如何用

class=“row”

修复div中的元素吗

它应该是什么样子：，单击：（没有角度的示例）

它的外观：

在灯光组件中重复开关组件
当我删除

元素时，看起来不错，但是

---

问题在于，列的样式应用于具有“row”类的html元素的直接子元素/ren

---

您可以将该类添加到app switch组件标记中，或者在其周围使用包装器来定义col设计，而不是将.col-sm-12.col-md-6.col-xl-4添加到app switch的子div，将其添加到app switch

<div class="row">
    <app-switch class="col-sm-12 col-md-6 col-xl-4" *ngFor="let switch of switches" [switch]="switch"></app-switch>
</div>

---

这是因为Bootstrap 4使用的是Flexbox<代码>应用程序开关选择器位于

.row

和

.col

div之间，因此未对其应用正确的引导样式。 您可以使用以下css代码使浏览器忽略此

应用程序开关

选择器

:host {
  display: contents;
}

我在这里添加了一个工作示例。