Primer 与 Bootstrap 兼容吗?

Is Primer compatible with Bootstrap?

我正在尝试切换到 Primer design system, and I’m using Bootstrap。在不实际更改任何内容的情况下切换是否安全?

应该是安全的。

在切换到您要使用的 Primer 设计系统之前,请务必保存一份文件副本!

不同的 CSS 框架有不同的语法,这也是 Bootstrap 的与 Primer 的有很大不同的原因。例如,Primer 中的进度条如下所示:

<span class="Progress">
  <span class="bg-blue" style="width: 50%;"></span>
</span>

Bootstrap 中的相同内容是:

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>