超小型ナビゲーションバーを壊すことなく表示するにはどうすればいいですか？

Question

以下の「超小型」ナビゲーションバリアントに何をしなければならないので、単に積み重ねるのではなく行に表示するだけですか？

大画面は罰金見える：

 <div class="navbar-collapse visible-sm-block visible-md-block visible-lg-block"> 
      <div class="navbar-text">{$company->company_name} - Kundenportal2</div> 
      <div class="navbar-text">{ $user->title } { $user->givenname } { $user->surname }</a></div> 

      <a class="navbar-brand navbar-right" href="#"> 
       <span class="glyphicon glyphicon-menu-hamburger"></span> 
      </a> 

      <a class="navbar-brand navbar-right" href="#"> 
       <span class="glyphicon glyphicon-cog"></span> 
      </a> 
     </div> 

     <div class="navbar-collapse visible-xs-block"> 
      <div class="navbar-text">nn</div> 
      <div class="navbar-text">22</div> 
      <a class="navbar-text navbar-left" href="#"> 
       <span class="glyphicon glyphicon-menu-hamburger"></span> 
      </a> 

      <a class="navbar-brand navbar-right" href="#"> 
       <span class="glyphicon glyphicon-cog"></span> 
      </a> 
     </div> 

    </div> 
</div> 

Answer 1

は、私はあなたがLだと思いますこのような何かのためにooking：https://jsfiddle.net/0cL2qaq1/2/

CSS

.navbar-text { 
float: left !important; 
margin-right: 10px; 
} 

.navbar-right { 
float: right!important; 
}