부트 스트랩 3 Gentelella navbar 오른쪽 정렬

Question

타일 패널에서 3 개의 요소 중 하나를 제거 할 때, 왼쪽의 2 개 요소는 왼쪽으로 1 개의 공간 왼쪽으로 완전히 정렬되지 않습니다.

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

그것은해야 당신에게