Wie wird eine extra kleine Navigationsleiste angezeigt, ohne zu brechen?

Question

Was muss ich mit meiner "extra-kleinen" Navigationsvariante tun, damit sie einfach hintereinander angezeigt wird anstatt gestapelt?

Die größeren Bildschirmen sehen gut aus:

 <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

Ich glaube, Sie sind l ooking für so etwas wie folgt aus: https://jsfiddle.net/0cL2qaq1/2/

CSS

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

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