默认 Ionic CSS 与 Ionic 4 版本中的 Bootstrap 有何不同用法？

Question

如果我们在 ionic 4 版本中使用 bootstrap。 ionic CSS 会不会影响？我想使用 bootstrap。有什么建议吗？

Answer 1

这取决于它的使用位置，例如，如果您使用 ion-grid 视图并将 ion-col 的属性大小设置为例如等于 6，那么它会使视图除以 12 并在 bootstrap 它与 class col-6 相同，因此如果您同时使用 ionic 的大小和 bootstrap 的 class，则 bootstrap 将生效，而不是尺寸。

示例： 使用离子设计：

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

使用离子设计bootstrap设计：

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

使用bootstrap设计：

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

所以这里 bootstrap 将根据您的需要或在哪里使用它来覆盖离子属性 size.So 答案可能会切换。但是如果你考虑到性能，最好使用默认的离子设计而不是使用外部 bootstrap 主题。

默认 Ionic CSS 与 Ionic 4 版本中的 Bootstrap 有何不同用法？

What is the different usage in the default Ionic CSS vs Bootstrap in the Ionic 4 version?

ionic4