所以在我的渲染功能中,我有
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用于在表单之间创建空间。
我该怎么做?
谢谢!
答案 0 :(得分:1)
从react bootstrap中尝试Grid系统,借助Row和Col,您将可以更好地控制水平和垂直显示控件。这是更多信息的链接。 https://react-bootstrap.netlify.com/layout/grid/#grid