Twitter bootstrap 材质UI和reactJS组件始终相互重叠

我正在为网格机制使用Material UI、ReactJS和Bootstrap。我对material ui有一个问题，例如，我想在同一行中有4个文本字段，但无论我做了什么尝试，它们总是重叠，即使我使用column类包装容器，如下面的代码所示。有人知道我如何解决这个问题吗

{年}

好的，我找到了解决方案。要成为固定到父容器的文本字段，应该添加属性{fullWidth={tue}

  <TextField
     hintText="Base Area"
     fullWidth={true}
   />

  <TextField
     hintText="Base Area"
     fullWidth={true}
   />