javascript - Bootstrap 3 Gentelella navbar を正しい問題に配置

Question

タイルのパネルから 3 つの要素のうち 1 つを削除すると、残った 2 つの要素が右に完全に整列されず、1 つのスペースが残ります。

前： 前に

     <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>

後: 後

     <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; }

navbar-right の CSS:

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

修正できますか？