Bootstrap 4 Beta 2 - Navbar: richten Sie rechts keine Zusammenbruch

Question

Ich versuche, eine Navigationsleiste mit einer Schaltfläche auf der linken Seite und 2 Symbole, dann Schaltflächen auf der rechten Seite zu erstellen.

Ich kann es mit einigen Beispielen, die ich gefunden habe, gehen, aber ich will nicht, dass einer der Knöpfe auf kleinen Bildschirmen zusammenbricht.

Frage mich, ob ich wirklich navbar verwenden muss, aber hier ist mein Code, der in alpha-6 arbeitete, in beta-2 die Tasten nicht nach rechts dehnen, wie kann ich das erreichen?

<nav class="navbar navbar-default fixed-top"> 
<div class="row"> 
    <div class="col"> 
     <div class="navbar-brand"> 
      <button type="button" class="btn btn-primary"> 
       <i class="fa fa-reorder"></i> 
      </button> 
      <img [src]="source/path" height="25px" /><img [src]="source/path" height="25px" /> 
     </div> 
    </div> 
    <div class="col col-auto text-right"> 
     <span class="logged-in-user">username</span> 

     <button class="btn btn-secondary"> 
      <i class="fa fa-wechat"></i> 
     </button> 

     <button class="btn btn-secondary"> 
      <i class="fa fa-address-book"></i> 
     </button> 

     <button class="btn btn-secondary"> 
      <i class="fa fa-anchor"></i> 
     </button> 
    </div> 
</div> 
</nav> 

Answer 1

die Zeile 100% in der Breite und Make ml-auto zu dem zweiten col (anstelle von Text-rechts) hinzufügen: