Bootstrap 问题（使用 React）

Question

我想在我的按钮（增量）和徽章（引导类徽章徽章主要）之间有一个 边距。 我正在使用的教程已过时，我无法在网上找到它。什么是合适的边距等级（教程说 m-2）

 render() {
//React.createElement('div')
return (
  //in curly braces any js statement is valid
  <div>
    <span className="badge badge-primary m-2">
      {this.formatCount()}
    </span>
    <button>Increment</button>
  </div>
);
}

需要明确的是，问题在于这个确切的 sn-p。

<span className="badge badge-primary m-2">

感谢您的任何回复，我是初学者:)

Answer 1

使用m-2，您应该在该 span 元素的所有四个边上都有 0.5 rems 的边距。是否应用了 badge 和 badge-primary 类？我建议使用 Google Chrome 开发工具 => 元素选项卡 => ".cls" 按钮 => 添加和删除类以查看元素如何接收样式。请参阅引导间距文档：https://getbootstrap.com/docs/4.0/utilities/spacing/

编辑： 也可能是因为span 元素是内联元素，所以尝试添加类d-block 或d-inline-block 以查看m-2 应用，或者从span 更改为像div 这样的块级元素。