title: How to centre a div in bootstrap 5?
body: <p>I couldn't find a straightforward way to centre a div in Bootstrap 5. Maybe I am missing something obvious. Google took me to the <a href="https://getbootstrap.com/docs/5.0/utilities/flex/" rel="nofollow noreferrer">flex</a> doc.
  In Bootstrap 4, I could do it by setting <code>col-sm-*</code> and using <code>col-sm-offset-*</code></p>
  <p><strong>Note</strong>: I don't want to centre <em>the content</em> in the div. Just need to put whole div in the centre (horizontally). Is setting a margin the only way?</p>