ブートストラップ3 Gentelella navbarを正しい問題に合わせる

Question

タイルのパネルから3つの要素の1つを削除すると、左の2つの要素が右に完全に一列に並んでいません。

前： before

 <ul class="nav navbar-right panel_toolbox"> 
     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> 
     <ul class="dropdown-menu" role="menu"> 
     <li><a href="#">Settings 1</a></li> 
     <li><a href="#">Settings 2</a></li> 
     </ul> 
     </li> 
     <li><a class="collapse-link"><i class="fa fa-chevron-up"> </i></a></li> 
     <li><a class="close-link"><i class="fa fa-close"></i></a></li> 
    </ul> 

後： after

 <ul class="nav navbar-right panel_toolbox"> 
     <li><a class="collapse-link"><i class="fa fa-chevron-up"> </i></a></li> 
     <li><a class="close-link"><i class="fa fa-close"></i></a></li> 
    </ul> 

panel_toolboxためのCSSは、次のようになります。

.panel_toolbox { 
float: right; 
min-width: 70px; } 

.panel_toolbox > li { 
float: left; 
cursor: pointer; } 

.panel_toolbox > li > a { 
padding: 5px; 
color: #C5C7CB; 
font-size: 14px; } 

.panel_toolbox > li > a:hover { 
background: #F5F7FA; } 

とナビゲーションバーの右のためのCSSを：

.navbar-right { 
margin-right: 0; } 

修正できますか？

Answer 1

ロッド、代わりにCSSで：

.panel_toolbox > li { 
float: left; 
cursor: pointer; } 

それは次のようになります。

.panel_toolbox > li { 
float: right; 
cursor: pointer; } 

Answer 2

なぜあなたは、各要素の "プル権利を" クラスを追加しませんか？

<ul class"nav navbar-right panel_toolbox"> 
    <li class="collapse-link pull-right"></li> 
    <li class="close-link pull-right"></li> 
</ul> 

それはあなたの