当与按钮一起使用时，Bootstrap偏移在react app中不起作用

Question

在这个片段中，我希望看到两个col空格后的按钮，但按钮被拉到左边，无论我做什么，它都没有得到更新。

{ values.contact_persons_attributes.length < 2 &&
  <div className="row">
    <div className="col-md-4 col-md-offset-2">
      <button className="btn btn-info waves-effect waves-light" type="button" onClick={() => arrayHelpers.push({id: '', name: '', email: '', mobile_no: '', is_representative: false})}><span className="btn-label"><i className="fa fa-plus"></i></span>Add Contact Person</button>
    </div>
  </div>
}

Answer 1

我幸运地找到了另一种选择，className="col-md-11 ml-md-auto"。这对我有用，并给了我想要的输出。