title: Show a text content as left aligned in Bootstrap 5 Modal footer
body: <p>I have a Bootstrap Modal. In the footer, a text content that should be aligned in left and a close button that should be aligned in right.</p>
  <p>But by default, both are aligned in right.</p>
  <pre><code>&lt;div class=&quot;modal-footer&quot;&gt;
    &lt;h6 class=&quot;modal-title&quot; id=&quot;modalLblBtm&quot; style=&quot;color: rgb(0, 0, 255);&quot;&gt;Booking No#&lt;/h6&gt;
    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary btn-sm&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;                     
  &lt;/div&gt;
  </code></pre>
  <p>What class could be added to align both items vertically?</p>
  <p>Appreciate if anybody could help on this!</p>