bootstrapでの文字の右寄せができない件

Question

bootstrapを使用しヘッダーの作成を行っているのですが、文字を右寄せにすることができません。

<header class="container-fluid bg-header sticky-top py-2 ">
    <div class="row">
        <div class="text-left col-sm-7">
            <h1 class="font-header-title" >タイトル</h1>            
        </div>
        <div class="col-sm-5  d-flex align-items-end text-right">
            <h2 class="font-header-username" >右寄せしたい文字</h2>
        </div>
    </div>
</header>

画像内の右寄せしたい文字をできる限り右寄せにしたいです。（"タイトル"と"右寄せしたい文字"の文字の最下部が揃った状態）
また、将来的には完全にではなく、右寄せした文字の右側に少し間隔を取りたいと思っています。こちらについてもご教授いただけると幸いです。
よろしくお願い致します。

※html・css・bootstrapについて初学者であるため、基本的な知識が欠如している可能性が高いです。

bootstrap4.3と独自css(bg-header・font-header-title・font-header-username)を使用しています。

Comments

[m.ts10806]

BootStrapのバージョンはどれでしょう。
マイナーバージョンも含めてご提示ください。
あとBootStrap以外で利用しているCSS(独自で組んだもの含む）はあるのでしょうか。

[enjyu]

バージョンやcss等の詳細情報が足りず申し訳ございませんでした。以後気をつけます。

[m.ts10806]

質問は編集できます。指摘都度対応されたほうが良いと思います。
後から参考にする人のためにも今からでも追記しておいてください。

Answer 1

以下のようにしてみてはどうでしょうか。

<div class="col-sm-5 d-flex align-items-end text-right justify-content-end">

---

右側に余白をつけるときはマージンをつければいいと思います。

<h2 class="font-header-username mr-1" >右寄せしたい文字</h2>

マージン量は適当に加減してください。

Comments

[enjyu]

無事に解決できました。回答いただきありがとうございました。