在角度 bootstrap4.3 类中不起作用

Posted 2023-03-21

【中文标题】在角度 bootstrap4.3 类中不起作用

【英文标题】：In angular bootstrap4.3 class not working

【发布时间】：2022-01-11 11:30:02

【问题描述】：

我使用的是 Angular 7 版本，并且我已将我的引导程序版本从 3.7 更新到 4.3。 在 bootstrap 3.7 下面的代码可以工作，但在 boostrap 4.3 中，代码在 angular 中不能正常工作。

<div class="container">
    <div class="row">
         <app-select>
             <div class="col-lg-4 bg-info">div one </div>
         </app-select>
         <app-select>
             <div class="col-lg-4 bg-success">div two</div>
         </app-select>
         <app-select>
             <div class="col-lg-4 bg-primary">div three</div>
         </app-select>         
    </div>
</div>

这是截图。

【参考方案1】：

您需要添加 <app-select></app-select> html 代码来指定问题，但据我了解您的代码，问题是 row 和 col 没有相互嵌套使用，例如您应该执行以下操作：

<div class="container">
     <app-select>
         <div class="row">
             <div class="col-lg-4 bg-info">div one </div>
             <div class="col-lg-4 bg-success">div two</div>
             <div class="col-lg-4 bg-primary">div three</div>
         </div>
     </app-select>
</div>