在 angular bootstrap4.3 class 中不工作

Question

我正在使用 angular 7 版本，并且我已将 bootstrap 版本从 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>

这是截图。

Answer 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>

在 angular bootstrap4.3 class 中不工作

In angular bootstrap4.3 class not working

bootstrap-4

angular