如何在react-bootstrap中居中放置容器？

import React from 'react';
import { Container } from 'react-bootstrap';

const CenteredContainer = () => {
  return (
    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
      <Container>
        {/* 容器内容 */}
      </Container>
    </div>
  );
};

const App = () => {
  return (
    <div>
      {/* 其他内容 */}
      <CenteredContainer />
      {/* 其他内容 */}
    </div>
  );
};