Центрирование элементов в строке (по вертикали) с помощью react-bootstrap

Я попытался использовать это, чтобы центрировать h3 по вертикали:

const HomeDom = ()=>{
  return(
     <Row className = "align-items-center">
        <Col>

    <h3 className = {'display-3'}>Welcome to the Bulls Marketplace</h3>


        </Col>
      </Row>
  );
}

Я также попробовал my-auto, как указано в документации по начальной загрузке.

Что еще я мог бы попытаться центрировать элемент h3 по вертикали?

Обновлять: (Мой пост закрыли, потому что модераторы подумали, что я не читал другие вопросы по той же теме):

Я уже пробовал следующие атрибуты класса (из ответов на этот пост и других сообщений по теме), и ни один из них не работал:

"my-auto", "mx-auto", "align-items-center", "justify-content-center" с "d-flex" и "flex-grow", "justify-content-center" с "d -flex" и "flex-grow" вместе со "stack", как предложил @enix79 (это только центрировало элемент H3 по горизонтали, но не по вертикали). Странно то, что это сработало в его песочнице, но не на моей стороне. Я также пробовал: «центральный блок» и «разбивка по страницам» из Как центрировать элементы по горизонтали или вертикали с помощью Twitter Bootstrap?, которые также не работали.

Два других поста, которые модераторы ассоциировали как похожие на мои посты, не предлагали ничего, кроме того, что я уже пробовал.

При этом мой вопрос следует возобновить.

Может быть, это как-то связано с моей маршрутизацией? Я не знаю, это единственное объяснение, которое у меня могло быть: (это из app.js):

  return(
  <stack className = "vw-100 vh-100">
    <NavDom/>
      <Routes>
          <Route path='register' element = {<RegisterFormDom contract = {contract} account = {account}/>}/>
          <Route path='wallet' element = {<WalletDom contract = {contract} account = {account} web3Obj = {web3Obj}/>}/>
          <Route path='myservices' element = {<MyServicesDom contract = {contract} account = {account} web3Obj = {web3Obj}/>}/>
          <Route path='coaches' element = {<CoachesBackendDom contract = {contract} account = {account} web3Obj = {web3Obj}/>}/>
          <Route path='home' element = {<HomeDom/>}/>

      </Routes>
      <Footer/>
      </stack>


);

Это мой HomeDom прямо сейчас, предложенный @enix79, но он не работал и только центрировал элемент h3 по горизонтали:

return(
      <stack className = "flex-grow-1 d-flex justify-content-center p-3" >


                  <h3 className = {'display-3'}>Welcome to the Bulls Marketplace</h3>



      </stack>

  );