I've been unable to successfully horizontally center a container using bootstrap either by applying mx-auto to the container attribute or by following the solutions provided on

CodePudding user response：

In my case this issue was caused because the image size exceeded the constraints of the row, resizing the image solved the problem.