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>
我正在尝试切换到 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>