Twitter Bootstrap - navbar-nav 패딩 권한이 중복됩니다.

Question

Bootstrap navbar를 사용하고 있습니다. 그 안에는 navbar-nav 및 navbar-button을 사용하고 있는데 모두 오른쪽으로 뜬다. navbar-button은 padding-left가 12px이고 navbar-nav의 마지막 anchor 태그는 padding-right가 15px입니다. 내가 이것을 사용하는 덮어있어 + 15 픽셀

JsFiddle

<nav class="navbar navbar-default" role="navigation"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Brand</a> 
    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <button type="button" class="btn btn-default navbar-btn navbar-right">Sign in</button> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="">nav1</a></li> 
      <li><a href="">nav2</a></li> 
      <li><a href="">nav3</a></li> 
      <li><a href="">nav4</a></li> 
     </ul> 
    </div> 
</div> 
</nav> 

Answer 1

스타일 12 픽셀의 공간을 못하고있는 이유

내 질문입니다.

@media (min-width: 768px){ 
.navbar-nav.navbar-right:last-child 
{ 
    margin-right:-15px; 
} 
}