Html 将表单和按钮水平居中

我正在使用bootstrap进行样式设置

我已经设法将其他东西垂直和水平居中，但没有输入和按钮

输入和按钮显示在页面的左侧。我尝试了不同的引导类选项，但无法管理它

正文{
背景色：白烟；
身高：90%；
显示器：flex；
对齐项目：居中；
}
html{
身高：90%；
}
.行{
文本对齐：居中；
}
.随机的{
文字装饰：无；
边缘底部：50px；
}
.图标{
最大宽度：25%；
}

单击图标进行搜索

正文{
背景色：白烟；
身高：90%；
显示器：flex；
对齐项目：居中；
}
html{
身高：90%；
}
.行{
文本对齐：居中；
}
.随机的{
文字装饰：无；
边缘底部：50px；
}
.图标{
最大宽度：25%；
}

单击图标进行搜索

在没有解释的情况下转储代码不会让您走得很远