change buttons position in nav bar on mobile

i have a new project. i have this navbar: https://prnt.sc/m0r38c and in mobile it looks like this: https://prnt.sc/m0r3eu i want this first row and the second war in the navbar will change places. how do i do that?

  <div class="navbar navbar-inverse">
  <div class="container-fluid">
  <div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data- 
  target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span> 
  </button>
  <a class="navbar-brand" style="text-shadow: 1px 1px 5px #000000;font- 
  size:25px; color:rgb(0, 255, 173);padding-left: 30px;margin-right: 
  20px;">Shifter</a>
 </div>
 <div class="collapse navbar-collapse" id="myNavbar">
    <ul class="nav navbar-nav">
        </ul>
  <ul class="nav navbar-nav navbar-right">
    <md-button  class="md-warn" ui-sref="workers" 
  style="color:white; text-decoration: none;" class="md- 
  primary">עובדים</md-button>
    <md-button  class="md-warn" ui-sref="roles" style="color:white; 
  text-decoration: none;" class="md-primary">תפקידים</md-button>
    <md-button  class="md-warn" ui-sref="setting" 
  style="color:white; text-decoration: none;" class="md-primary"> 
    </a>הגדרות</md-button>
    <md-button  class="md-warn" ui-sref="currentsidoradmin" 
   style="color:white; text-decoration: none;" class="md-primary"> 
  </a>סידור 
     נוכחי</md-button>
    <md-button  class="md-warn" ui-sref="nextsidoradmin" 
   style="color:white; text-decoration: none;" class="md-primary"> 
      </a>סידור הבא</md-button>
    <md-button  class="md-warn" ng-click="Logout()" 
   style="color:#929292; text-decoration: none;" class="md-primary"> 
   </a>התנתק</md-button>
   </ul>
   </div>
   </div>
  </div>