I used className="container" in React to wrap my elements, and I expected it to take the full width of the page with just a small padding on the sides. However, I noticed that the content is not spanning the entire width as I expected. Is there a reason why the container is not full width? Could this be due to Bootstrap or the way React handles the DOM?
I also tried using className="container-fluid", but it didn't fix the issue.