css - 令人费解的风格差异 : Why is there space between the buttons in the first card and not the others?

Question

https://coreui.io/demo/React_Demo/#/buttons/buttons

为什么“选项”卡片中的按钮之间有空格，而其他卡片中没有？

CSS 与按钮和容器卡片的 CSS 相同

我办公室里没有人能找到原因。

我已将选项卡移动到 DOM 中的不同位置，这没有任何区别。

Answer 1

区别在于 HTML，而不是 CSS

第一个“选项”卡的按钮之间有空格，其余的则没有。

<div class="card-body"><button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-success">Success</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-danger">Danger</button> <button class="btn btn-link">Link</button> </div>