Как центрировать кнопку с наложением изображения с помощью React Bootstrap?

Question

У меня есть кнопка, накладывающаяся на изображение, но я не могу расположить ее по центру изображения.Подобные вопросы, кажется, указывают на text-align: center, но это не работает для меня ...

CodeSandbox: https://codesandbox.io/s/nice-leakey-qz8pn

Answer 1

вы можете использовать flex для центрирования элементов, например

  {
    display:flex;
    justify-content:center;
    align-item:center
  }

CodeSandBox: https://codesandbox.io/s/laughing-dijkstra-vzeb3