Bootstrap Navbar のロゴの横に 2 つのテキストを追加する方法

Bootstrap から始めて、Navbar コンポーネントでこの種の外観を実現しようとしていますこの外観を達成する

Navbar の画像とテキスト コードを使用してみましたが、テキストが 1 行しか続きません。ブレークを追加しようとしましたが、テキストがロゴの下に入ります。 ここに画像の説明を入力

これは私が従ったコードスニペットです:

 

    
      
      Bootstrap 
 小見出し
    
  

``

これを試してください:




  

    

      
        
        

          
タイトル

          
小見出し

スパンに subheading を含め、それに position:reltive を追加して、左と上から制御します

span{

  位置:相対;

  上:30px;

  左:-90px;

  赤色;

 }