如何使这五个列框居中，使它们与上面的引导按钮选项卡保持一致？

<div class="container">
  <div class="column">列框1</div>
  <div class="column">列框2</div>
  <div class="column">列框3</div>
  <div class="column">列框4</div>
  <div class="column">列框5</div>
</div>

.container {
  display: flex;
  justify-content: center;
  /* 设置容器宽度，可以根据实际情况进行调整 */
  width: 100%;
}

.column {
  /* 设置列框样式，例如背景色、边框等 */
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  /* 设置列框宽度，可以根据实际情况进行调整 */
  width: 200px;
}