как центрировать все по горизонтали

Question

, поэтому в моей функции рендеринга у меня есть

 render() {
     <div>
        <form id="one">
          <TextField id="t1" ... />
          <Button id="b1" />
        </form>

        <div id="empty"><div/>

        <form id="two">
          <TextField id="t2" ... />
          <TextField id="t3" ... />
          <Button id="b2" />
        </form>

     </div>
  }

, и я пытаюсь центрировать все по горизонтали.«пустой» div между формами предназначен для создания пространства между формами.

Как я могу это сделать?

Спасибо!

Answer 1

Попробуйте систему Grid из реакции начальной загрузки. С помощью Row и Col вы получите лучший контроль над отображением элементов управления по горизонтали и вертикали.Это ссылка для получения дополнительной информации.https://react -bootstrap.netlify.com / макет / сетки / # сетка