时间戳

首页 > 解决方案 > Ionic 4 版本中默认的 Ionic CSS 与 Bootstrap 有什么不同的用法？

ionic4 - Ionic 4 版本中默认的 Ionic CSS 与 Bootstrap 有什么不同的用法？

问题描述

如果我们在 ionic 4 版本中使用引导程序。离子CSS会影响与否？我想使用引导程序。有什么建议吗？

标签： ionic4

解决方案

它是根据其使用的位置，例如，如果您使用 ion-grid 视图并将 ion-col 的属性大小设置为例如等于 6，那么它使视图除以 12 并且在引导程序中它通过类 col 使其相同-6 ，所以如果你同时使用 ionic 的大小和 bootstrap 的类，bootstrap 将生效而不是大小。

示例： 使用离子设计：

<ion-grid>
  <ion-col size="6">
      ....
  </ion-col>
</ion-grid>

使用带有离子设计的引导设计： 

  <ion-grid>
      <ion-col size="6" class="col-6">
          ....
      </ion-col>
    </ion-grid>

使用引导设计：

<ion-grid>
  <div class="row">
    <div class="col-6">
      ....
    </div>
  </div>
</ion-grid>

所以这里的引导程序将覆盖离子属性大小。所以根据你想要什么或在哪里使用它，答案可能会切换。但是如果你考虑性能，最好使用默认的离子设计而不是使用和外部引导主题。

推荐阅读