bootstrap align form/wählt mit nav tabs

Question

Ich versuche, ein Registerkartenmenü zu erstellen, das 2 Auswahloptionen ganz rechts im Menü hat.

Unten sind die Grundlagen von dem, was ich habe, aber ich kann nicht scheinen, die Auswahlen zu erhalten, um den ganzen Weg nach rechts zu schwimmen.

Irgendwelche Gedanken? Ich weiß, es ist wahrscheinlich das nav-Element mich zu verhindern, dass es zu tun, aber ich möchte den unteren Rand halten, die sich über so den ganzen Weg geht es nahtlos '

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-12"> 
      <ul class="nav nav-tabs nav-fill"> 
       <li class="nav-item"> 
        <a href="#" class="nav-link active">Link 1</a> 
       </li> 
       <li class="nav-item"> 
        <a href="#" class="nav-link">Link 2</a> 
       </li> 
       <li class="nav-item"> 
        <a href="#" class="nav-link">Link 3</a> 
       </li> 
       <li class="nav-item"> 
        <a href="#" class="nav-link">Link 4</a> 
       </li> 
       <li class="nav-item"> 
        <div class="form-inline text-sm-right"> 
         <select class="form-control form-control-sm"> 
          <option>Option 1</option> 
         </select> 
         <select class="form-control form-control-sm"> 
          <option>Option 2</option> 
         </select> 
        </div> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 

fiddle

Answer 1

Nur float-xs-right verwenden erscheint.

.

   <li class="nav-item float-xs-right"> 
        <div class="form-inline"> 
         <select class="form-control form-control-sm"> 
          <option>Option 1</option> 
         </select> 
         <select class="form-control form-control-sm"> 
          <option>Option 2</option> 
         </select> 
        </div> 
       </li> 

http://www.codeply.com/go/juUSEhgnKQ

beachten Sie auch, dass float-xs-right-geändert hatin der neuesten Alpha 6.