Html 引导程序5-导航中的中心搜索框

我正在使用bootstrap 5，并希望将搜索框置于导航栏的中心

我尝试了以下方法：

#基础知识{
文本对齐：居中；
}

搜寻
报名

我想这会奏效的，祝你好运

#the-basics {
  text-align: center;
}
::-webkit-input-placeholder {
  text-align: center;
}

:-moz-placeholder {
  text-align: center;
}

---

我想这会管用的，祝你好运

#the-basics {
  text-align: center;
}
::-webkit-input-placeholder {
  text-align: center;
}

:-moz-placeholder {
  text-align: center;
}