上位要素の width を伸ばして改行を防ぐ

例えばこんな時

下のやつみたいに赤字を改行しないようにしたい

解決策

span 要素(赤字のとこ)のスタイルに white-space: nowrap; を追加

bootstrap4 なら .text-nowrap で適用される