浮動要素を右オーバーワーピングブートストラップ行に停止する方法はありますか？

Question

ウェブデベロッパーを初めて利用しました。ブートストラップ4グリッドシステムの使用。

タイトルとブレッドクラムが含まれている行があります。ブレッドクラムを行の右側に浮かせたいのですが、そうすると行が太すぎて2行で表示されているようです。

これをやめないようにするにはどうしたらいいですか？ここで

は、私が使用していたコードです：

<!-- PAGE TITLE AND BREADCRUMBS --> 
<div class="container" style="padding-top:10px; padding-bottom:0px"> 
    <div class="row rounded" style="background-color:#409ad4"> 
    <div class="col-sm-12"> 
     <h1>title</h1> 
     <ol class="breadcrumb float-sm-right" style="background-color:#f5f5f5"> 
     <li class="breadcrumb-item" style="font-size: 19px"><a href="#">News Channels</a></li> 
     <li class="breadcrumb-item" style="font-size: 19px">Prayer Channel</li> 
     </ol> 
    </div> 
    </div> 
    <!-- Bottom container div --> 
</div> 

そしてここで、問題のスクリーンショットです：

<h1>タグはブロックレベル要素であるため、この問題が発生した

Answer 1

、デフォルトでは、親の幅の100％に拡大されます。タイトルとブレッドクラムの2つの列を定義することができます。